<style type=text/css><!--#content #userPandora {overflow:visible; width:628px; position:relative; left:-223px; } --></style>
userPandora 就是你的涂鸦板咯...同样width 和left 的功能一样,这里给的是涂鸦板宽628 并且向左移动了223。。这是我的页面的代码,效
果请看我主页。。令人崩溃的涂鸦板。。。
10.移动sidebar
<style type=text/css><!--#sidebar {z-index:1; width:130px; position:absolute;; left:0px; top:50px;}--></style> /* biyela.net
*/
sidear就是你的左侧导航栏。。就是页面左边:我的页面,我的相册,我的日志。。等等 这里的导航栏是宽130,保持左右不动,向上移动了50
。。top 就是向上移动的意思。同样要想向下移动请加负号。。 其中的absolute意思是与其父标签相对的位置
当然你也可以改成ralative ..relative是相对与原位置的位置。。
11.去处header
想有一个漂亮的页面,那么主页上面的那个显示:大学生互动空间 的那一栏是不是可烦人啊?那就除掉。代码如下:
<style type=text/css><!--#header{display:none;} --></style>
12.移动header
如果你不想去除顶部,只是想移动一下,也可以啊。。代码如下:
<style type=text/css><!--#header{width:750px; position:relative; left:-148px; } -->
其中width 和left 大家都知道了吧,什么?你不知道? 看上面去! 这里你是不是看见了 relative ? 嘿嘿。。在上面我说过了。。在看看去
吧
13.鼠标
很多同学让我给他们整理主页都要鼠标。。那么这里有。拿走吧
<body style="cursor:url('http://img.xiaonei.com/photos/20060917/1700/orig175609.cur')"></body></鼠标>
只用换一下里面的网址就能变成你心意的鼠标咯。。
14. 在你的页面里加个QQ
如果你的好友想找你,但你有不在怎么办呢?在空间里加个QQ,你的好朋友就能给你留言咯!!代码如下
<div style="position:absolute;Top:300px;left:260px;"><a target=blank href=tencent://message/?uin=380870285 Site=校内网
Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:380870285:12 alt="如果我不在的话,请点击这里给我的QQ发消息.^_^"></a>
BIYELA校内网代码 http://www.biyela.net
15. 移动留言板
留言板在最下边。。我看其他帖子说移动留言板只要加个</div>就行了,如果不够宽,就在加一个。。。这样固然可以,但是这样的话,整个页
面结构就被破坏了,以前做msn 空间时用的是这个代码,但现在是在校园网,不一样的,所以大家不要盲目。看下面的代码
<style type=text/css><!--#userTalk{width:950px; position:relative; left:-350px; } --></style>
看见里面的 width 和left了吧。。意思就是,想要多宽有多宽,往左往右你随便放,岂不更爽些???
16. 背景透明
<body style="FILTER: alpha( Style=3 FinishOpacity=100);" >
其中的Style=3 1.2.3.代表不同的效果,大家可以自己试一下,后面的30代表透明度。。我用的试全透明,也就是100
17.嵌入图片
<img style="position:absolute;Top:-44px;left:50px;width:120px;height:120px;"src=http://www.biyela.net/help/old/"你要嵌入图片的
网址</div>
这个代码很好用哦!!你可以随意放你想要加入的图片,因为他可以上下左右移动
,用top能上下移动, 用left 左右移动, width 和 height,分别是你加图片的宽度和高度。。
18.嵌入flash
<embed style="left: 30px; position: absolute; top: 20px; " align=right src=http://www.biyela.net/help/old/你要嵌入的flash网址
width=250 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>
和上面的图片一样,可以上下左右移动滴。。。
19.在你的桌面上显示你的visitor的停留时间
<DIV align=center><IMG height=73 src=http://www.biyela.net/help/old/"http://album.sina.com.cn/pic/4723cdbf020002ub" width=32
border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47
src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47
src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR> /* biyela.net */
</div>
这个代码的好像只能出现在涂鸦板里,不能移出涂鸦板,不过也不错,大家可以看看效果嘛。。
BIYELA校内网代码 http://www.biyela.net
20.最后给大家一个可以让左边导航栏加宽的代码
<style type=text/css><!--#sidebar li{padding-top:50px; }--></style><!--加宽左边栏链接间距-->

