首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网人气 → 文章内容
本类热门文章
相关下载
 
教你一步一步制作自己的页面,绝对经典,人气日增一千!
作者:佚名  来源:不详  发布时间:2007-10-14 0:20:15

减小字体 增大字体

我花了好几天才弄好的,希望大家多多支持!!多多顶贴!!
先去看看我的页面的效果吧:

http://xiaonei.com/getuser.do?id=223635838


关于我的页面我会跟大家详细讲解,希望得到大家的支持!!

在此小弟对回帖的朋友深表感谢!!!

有不周到的地方还望指出,以便我改进......

看完如何? 心动不如行动!还犹豫什么?赶快回帖呗!!

 

现在跟大家讲解一下吧:

<声明:只为新手指路,不是班门弄斧,纯属交流,有不对的,多多指出,深表感谢!!>

  

  首先定位整个页面,有时候页面在窗口拖动的时候挂件位置会偏离,就是因为没定位页面

<style type=text/css><!--#homepage{overflow:visible; width:750px; position:relative; left:10px; } --></style><!-移动homepage->

这便是页面移动,很有用的.

注意:里面的数字是控制布局位置用的,可以根据情况改变,以下代码也是。

  

  然后就是加宽页面,设置边框等

<!--使页面居中,加宽,设置边框--><style type=text/css><!--
 #content{float:none;MARGIN-RIGHT:none;MARGIN-LEFT:none;width:968px;border:solid 1px #0066CC;padding:10px;}--></style>

  然后设置背景图片。我用的是雨滴,夏天到了,显得清新,凉快,你觉得呢?

代码如下:

<body background="http://eed.xmu.edu.cn/myfile/zidou1/tianchong/62.gif"bgproperties="fixed"><!--背景-->

再下一阵雨不就更凉快了?!

<embed style="position: absolute;top: 50px; left: 150px;" align="right" src="http://eed.xmu.edu.cn/myfile/zidou/flash/7.swf"width="1000" height="500" quality="high" wmode="transparent"></embed><!--下雨flash-->,

这是下雨的。

  广告有时候很扎眼,可以隐藏他

<!--隐藏大学生互动空间/你好/ LOGO/导航栏/广告布告推荐/底部链接/侧边拦-->
  <style type=text/css><!--#tagline,#utility,#logo,.block,#permalink,#sidebar{display:none;}--></style>

<!--用户等级(星星加9颗)--> <style type=text/css><!--
 #userProfile .stat{BACKGROUND:url(http://fm041.img.xiaonei.com/tribe/20070502/1255/A1992180RO.gif) no-repeat left top;padding-left:110px;}#star1,#userProfile .rank{float:right;display:none;}
 --></style>        这个大家应该知道,美化页面加星星用的。

  我们还可以加一些挂件,美化页面呀。我加的挂件有以下几个:

<!--蓝蝴蝶挂件-->
 <DIV id=kongfu style="LEFT:200px; POSITION: absolute; TOP: 60px"><img src="http://source.5q.com/photo/storage/topic/68/31/74/200126717//1149573409119.gif" border=0></A></DIV>
<DIV style="LEFT:305px; POSITION: absolute; TOP: 170px" align=left><IMG src="http://source.xiaonei.com/tribe/20070205/0000/orig1706817.gif" align=left></DIV><!--挂件--><!--彩色蝴蝶--> 

<div style="position:absolute;Top:380px;left:315px;width:100px;height:128px;"><embed src="http://eed.xmu.edu.cn/myfile/zidou/clock/4.swf"width="140" height="140" quality="high" wmode="transparent"></embed> </div> <!--钟-->

<div >
<DIV style="left: 800px; POSITION: absolute; TOP: -10px" align=left><IMG src="http://fm022.img.xiaonei.com/tribe/20070415/1120/A7243839MG.gif" align=left></DIV><!-流星雨->

  光加挂件还不行,加一些会动的,雪花、蝴蝶、蜻蜓、金鱼,是不是感觉更好了?

虽然不符合现实,不过看起来挺好的,看着爽就行了,何必在意那么多?

代码:<embed style="left: 0px; width: 1000px; position: absolute; top: 0px; height: 800px" align=right src="http://img.xiaonei.com/photos/20061118/0200/orig451673.swf" type=application/x-shockwave-flash wmode="transparent" quality="high"> <!--雪花漫天飞舞-->

 <center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.yideng.com/jcwy/hudie/hudie.swf width=900 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;><!--飞舞的蝴蝶-->
<embed style="position: absolute;top: 700px; left: 100px;" align="right" src="http://eed.xmu.edu.cn/myfile/zidou/flash/6.swf"width="1000" height="500" quality="high" wmode="transparent"></embed><!--蜻蜓-->

<embed style="left: 10px; width: 500px; position: absolute; top: 900px" align=left
src=http://bbs.gissky.net/images/upfile/2006-1/2006110163527.swf width=2400 height=1200 type=application/octet-stream wmode="transparent" quality="high" ;><!--金鱼 -->

还不够,再加一些闪光的星星,
<!--动态星光flash-->
<embed style="position: absolute;top: 600px; left: -50px;" align="right" src="http://eed.xmu.edu.cn/myfile/zidou/flash/13.swf"width="1000" height="500" quality="high" wmode="transparent"></embed>

看起来华丽多了,再加个温馨的涟漪 :

<embed style="position: absolute;top: 400px; left: -300px;" align="right"
 src="http://eed.xmu.edu.cn/myfile/zidou/flash/40.swf"width="1000" height="500" quality="high" wmode="transparent"></embed><! -涟漪->

哦,还有鼠标呢,太单调的鼠标不好玩,换一种试试,有千百种选择,我挑了个蝴蝶的:

<body style="cursor: url('http://eed.xmu.edu.cn/myfile/zidou/ani/537.cur')"><!--鼠标-->

大功将近告成,把日志和留言板加上滚动条,防止页面太长时看起不舒服

<style type=text/css><!--#talk{overflow:auto;height:600px;}--></style><!--留言板加滚动条-->
<style type=text/css><!--#userBlog{overflow:auto;height:515px;}--></style><!--日志加滚动条-->

  最后想不想加几个滚动的文字啊?

<!--滚动字--><div style="position:absolute;Top:540px;left:240px;width:200px;height:600px;"><marquee direction=up marquee scrollamount=1 marquee Behaviour=Scroll marquee align="left" Width=400px Height=600px>
<FONT color=00FF33 face=楷体_gb2312 size=4.7>
有一种感觉总在难眠时 才承认是相思<br />
……
……
其实遥祝你 快乐每一天</FONT>
</marquee> <P> </div>

详细参数设置,谁有兴趣的留言问我 

  对了,还可以加上背景音乐哦!他们有好多播放器,可以选一个。

我考虑到页面加载速度,所以不添加音乐了,可以给你们推荐一个:

<!-播放器->
<embed src="http://70702.com/stu/melody/cmp.swf" width="450" height="310" quality="high" ></embed>

<embed src="http://xunway.com/achun0124/wwwroot/cfplay.swf" width="450" height="310" quality="high" ></embed>
或者用背景音乐,不带播放器的

<!-背景音乐->
<BGSOUND src="http://fm011.img.xiaonei.com/tribe/20070425/1355/A0551486MG.rm">

  到此大功告成!谢谢大家对我的支持!

看在我这么辛苦的份上,顶一下帖子呗!

在此小弟对回帖的朋友再次深表感谢!!!


[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆