感悟网 导航

校内网 涂鸦板代码 可以自己做吗? 校内网的涂鸦板 到底怎么弄 ?????????

作者&投稿:长查 (若有异议请与网页底部的电邮联系)
请问谁知道校内网上的涂鸦板代码怎么自己编写啊?需要什么知识呢?有好看的给我推荐一下嘛!谢谢啦~

建议加入“涂鸦板的秘密”这个群,里边什么都有。代码什么的很全。。。。

如何使用校内网涂鸦板代码
1、点击---我的页面。
2、点击头像下面的---编辑涂鸦板。
3、把你喜欢的一款校内网代码复制进去。
4、输入验证码,点击保存。
5、点击---我的页面,预览效果。
6、OK搞定,不好看的话在换就可以了。
比如吧你到好多的提供校内网代码的网站上看哪个比较好你就复制一下按照上面的步骤就OK了:
#adbar,#logo,#tagline,#utility,#logo,.block,#permalink, .sub-h3,
#sidebar,#reportlink,#footer p,#footer strong,#footer div,
#navigation .nav-right,#navigation .global_menu_arrow,
.with_arrow{display:none;width:0px;}
*{color:#fff;}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#ffftext-decoration:none;}
.box h3,#userStatus h2,#userStatus .stat,
#userStatus .count,#www.xiaonei7.org.cn.cntalk .info .author a strong,
#talk .info .author strong,
#navigation .nav-left .edit_link{color:#fff;}
#navigation{position:absolute;top:-40px;left:160px;
width:550px;font-size:12pt;text-decoration:none;
border:none;background-color:transparent;}
#navigation .nav-left LI A:link,#xiaonei,#navigation .nav-left LI A:visited,#navigation .nav-left LI A:active{color:#fff;background:transparent;font-size:12pt;font-weight:bold;}
body{color:#407cd7;font-size:9pt;margin:0px;padding:0px;background:url(http://fm491.img.xiaonei.com/tribe/20080618/21/13/A483805667327PEP.jpg) repeat ;}
#header{width:1004px;height:471px;
background:url(http://fm501.img.xiaonei.com/tribe/20080618/21/10/A465944643375PEP.gif) no-repeat top center ;}
#design{http://xiaonei.com/qq48324}
#container/*http://xiaonei7.org.cn*/{overflow:hidden;width:1004px;margin:0px auto;}
#widebar{background:url(http://fm501.img.xiaonei.com/tribe/20080618/21/11/A469030112267PEP.jpg) repeat-y center ;width:1004px;margin:0px auto;}
body{cursor:url(http://www.xiaonei.hk/cur/436.cur);}
#spacePage #content{margin:0px auto;width:730px;text-align:left;border:0px; background:transparent;}
#userRelations{float:right;width:202px;margin-right:0px ;}
#userUpdates{float:left;width:500px;margin-left:0px ;}
#container#userUpdates * .info,#container div,#container h3{background:transparent:}
#widebar{border-bottom:none; border-right:none;}
#userStatus{ border-bottom:none;}/*xiaonei7.org,cn*/
#AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4{color:#fff;}
#content h3{color:#fff;background-color:transparent;border:0px;}
#content .info{background-color:transparent;color:#fff;border-top:0px;}
#footer{width:1004px;background:url(http://fm551.img.xiaonei.com/tribe/20080611/08/51/A550988165087POT.gif) no-repeat top center;height:0px;border:0px;}
* html .inputbutton,* html .subbutton,* html .inputsubmit{padding:0 5px;border:1px solid #fff;background-color:#fff}/*xiaonei7.org.cn*/
#content #cmtbody{border:1px dashed #638639;padding:0 5px; height:95px; background:url(http://fm401.img.xiaonei.com/tribe/20080505/20/21/A008202511962MEL.gif) no-repeat right bottom;}
#userActions,#userActions/*http://xiaonei7.org.cn*/ li a:hover{background:transparent;}
#starttalkForm{background:transparent;}
#design{http://xiaonei.com/qq48324}
#userStatus{
background-color:transparent;
left:215px;
width:480;
height:40px;
padding-left:8px;padding-top:5px;
}
.box h3,#userStatus{padding-top:10px;padding-left:-10px;background:url() no-repeat left;text-indent:0px;height:30px;}

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--><BODYBACKGROUND="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><!--#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><!--加宽左边栏链接间距-->

其中的50表示间距,大家可根据自己的喜好适当调节。。。

(注:以上资料均为在校内网涂鸦版的秘密中获得)

当然可以 你把它现成的代码保留两端的字符 中间的自己添加有效的代码就可以了

   

返回顶部
本页内容来自于网友发表,若有相关事宜请照下面的电邮联系
感悟网