#biyela.net {}
/* 此代码由 BIYELA校内网代码(biyela.net) 收集/整理/调试*/
先去看看我的页面的效果吧：
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"><!--背景-->
![http://eed.xmu.edu.cn/myfile/zidou1/tianchong/62.gif"bgproperties="fixed](http://eed.xmu.edu.cn/myfile/zidou1/tianchong/62.gif"bgproperties="fixed){kind=link}
再下一阵雨不就更凉快了？！
<embed style="position: absolute;top: 50px; left: 150px;" align="right"
src=http://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"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://www.biyela.net/help/old/"http://70702.com/stu/melody/cmp.swf" width="450" height="310" quality="high"
></embed>
<embed src=http://www.biyela.net/help/old/"http://xunway.com/achun0124/wwwroot/cfplay.swf" width="450" height="310"
quality="high" ></embed>
或者用背景音乐，不带播放器的
<!－背景音乐－>
<BGSOUND src=http://www.biyela.net/help/old/"http://fm011.img.xiaonei.com/tribe/20070425/1355/A0551486MG.rm">
到此大功告成！谢谢大家对我的支持！