QQ校内网代码 >> 涂鸦代码新手大全:教你1分钟做出漂亮版面
« 群页面美化精华技巧(基础篇、CSS精华篇)---个性代码:设计成都记录 »

涂鸦代码新手大全:教你1分钟做出漂亮版面

发布:QQ校内网 | 日期:2008-6-20 16:50:32 | 分类:校内网教程 | 浏览: |

1.改变你主页的背景颜色,以及主题固定字颜色。

<body bgcolor="#000000" text="#ff0000" link="#00ff00">

其中的#……指的是颜色代码,不同的颜色,那个是不一样的

想要其他的颜色请在百度搜索颜色代码,很多的



2.给大家一个隐藏播放器(可以循环播放滴)

<embed src=http://www.link-e.net/xzkimg/start.wma type=application/x-mplayer2 autostart="1" showcontrols="0" loop="true" ></embed>

如果一个歌听够了,只用换一下里面的网址就行了,如果你是在百度上找的歌,建议最好用后缀是wma格式的。因为这样连接速度比较快。。



3.改变自己的背景

<!--BK--><BODY BACKGROUND="http://img.xiaonei.com/photos/20061202/1340/orig73339.gif"bg

properties="fixed">

这个代码又双重作用,1 你可以用它改变你的背景。。2. 你不用在单独弄一个代码来

固定你的背景,这个代码直接就固定了你的背景,也就是传说中的滚屏。。更换里面的图片网址,你就可以任意更换你的背景咯!! 代码中的背景就是本群主页的背景。。大家拷贝走后记着要更换哦。。。



4.改变主页上其他字体颜色

<style type=text/css> <!-- A:link{COLOR: #ffff00;FONT-SIZE:10pt;FONT-FAMILY: 宋体};A:visited{COLOR: #ff0000;FONT-SIZE:10pt;FONT-FAMILY:宋体};A:active{COLOR: #ff00ff ;FONT-SIZE:12pt;FONT-FAMILY: 宋体};A:hover{COLOR: #ff00cc};body{COLOR:#00ffff;FONT-SIZE:10pt; FONT-WEIGHT:normal;FONT-FAMILY:宋体} --></style>

跟第一个差不多,不过比滴一个要全,这里不在多说。



5.去处底部连接

<style type=text/css> <!--#permalink,#snav,#footer{display:none;}--></style>

底部连接就是你主页最下面那个给管理员留言。关于本站。的那些东东。。



6.隐藏全部广告

<style type=text/css><!--.block,.linkblock,#annouce{display:none;}.blockcont img{display:none;} --></style>

就是主页左边的哪几个,如果谁喜欢广告可以留着。。呵呵。。



7.移动你的homepage

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

homepage 就是你的主页。。你可以通过代码中的width来决定主页的宽度。left的作用是左右来移动主页的。代码中给除的是向右移动了15,但我想向左移动该怎么办呢?只用在前面添个负号就行了,比如我要向左移动20,那代码就写成 lefe:-20px

简单吧。。呵呵。。



8.移动你的userAlbum

<style type=text/css><!--#userAlbum{width:170px; position:relative; left:0px; } --></style>

userAlbum 就是你的相册。代码中的left 和width 的作用同上。。



9.移动你的userPandora

<style type=text/css><!--#spacePage #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>

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>



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="你要嵌入图片的网址</div>

这个代码很好用哦!!你可以随意放你想要加入的图片,因为他可以上下左右移动

,用top能上下移动, 用left 左右移动, width 和 height,分别是你加图片的宽度和高度。。



18.嵌入flash

<embed style="left: 30px; position: absolute; top: 20px; " align=right src=你要嵌入的flash网址 width=250 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

和上面的图片一样,可以上下左右移动滴。。。



19.在你的桌面上显示你的visitor的停留时间

<DIV align=center><IMG height=73 src="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>
</div>

这个代码的好像只能出现在涂鸦板里,不能移出涂鸦板,不过也不错,大家可以看看效果嘛。。



20.最后给大家一个可以让左边导航栏加宽的代码

<style type=text/css><!--#sidebar li{padding-top:50px; }--></style><!--加宽左边栏链接间距-->

转载请注明来自:【校内网-校内网代码-校内网涂鸦板代码

收藏到网摘:

相关文章

发布自己的代码

投稿代码必需为完整校内网代码,投稿时请贴下自己的校内网主页地址,代码一经采用会给代码提供者带来很高的人气哦! 欢迎广大校内用户涌跃投稿!

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。