浅谈校内网涂鸦板代码编辑(新手必学)

校内网提供了一个大学生交流的平台,自开通以来受到了同学们的欢迎,功能强大的涂鸦板是同学们展现自己个性页面的工具,同学们肯定想把自己的页面建设得更有特性,但由于很大一部分同学并不十分了解此代码书写,即使从其它同学那里复制或从网上下一些涂鸦板成品,有时候也不一定满足自己的要求,因为那毕竟是别人的,不代表你的意愿,所以我觉得如果掌握了校内网的特征,再去修改应该容易的多,好了,闲话不说,开始讲课:

我们知道涂鸦板里可以输入代码，但到底输入一些什么样的代码才能达到我们的要求呢，大部分同学可能现关心的是如何加背景啊，音乐啊，SWF文件及校内网版面等，而实际上这些东西非常简单，我就上面的这些举个例子：

1、背景添加(常见的方法有两种即用HTML标签和CSS属性)

CSS为层叠样式表，和Word里的样式类似，即某个名称（即ID或CLASS）代表某些样式，像字体、大小、颜色什么的(等下我会送大家一个教程，自己慢慢研究)

HTML标签：

CSS属性：

background {background:url(URL) repeat center} /**/

或

</style>

URL代表你要用的背景，使用时请替换成相应图片的地址

2、音乐或视频或Flash文件添加：

背景音乐：<bgsound src="URL">

URL代表音乐地址；loop是否重复播放；autostart为自动播放；

带播放器的音乐或视频：

URL为MP3、WMA、WMV、RM或SWF文件的路径，可自行设置。

也可以通过设计#myplayer 来打造更个性化的播放器（CSS属性）

3、校内网版面控制：

校内网版面控制即设置校内网默认的属性，这时候大学可能会问我怎么知道属性是什么啊，怎么设置啊？呵呵，听我慢慢道来！

首先要知道如何设置CSS，方法有三：

A、在顶部用Style标签

CSS属性列表；

</style>

HTML标签（如body） {属性1：属性值1;属性2：属性2;……}

如：body,td,font,p {font-size:9pt;color:red;font-family:黑体}

/*如果某HTML标签要具有两种以上效果*/

.Class类 {属性1：属性值1;属性2：属性2;……}

如：p.red {color:red}

p.blue {color:blue}

#ID类 {属性1：属性值1;属性2：属性2;……}

如：#myplayer {width:100px;height:30px;border:2px dashed #FF0000}

B、引用外部CSS文件，即把<style>里边的CSS属性复制出来放到一个文件里（.CSS文件）

C、在HTML标签里直接使用CSS属性

如：<body style="font-size:12pt;background-image:url(URL)">

了解了CSS的使用方法，接下来我们就得找校内网里默认的CSS属性了，这个很简单，同学们可以去其它同学的校内网，点IE菜单上的查看->源文件，就可以看到某些属性然后自己改就行了，也可以到一些网站上找一些成品然后修改；

下面列表一些：

这是我的，比较简单，但是涉及了大部分的校内网属性：

<body>
<style type=text/css>
<!--
.box h3{background:transparent;}
#userpage #content .box h3 .stat{background:transparent;}

.block{ display:none;}
.linkblock{ display:none;}
#annouce{ display:none;}
#header #logo{ display:none;}
#header h1{ display:none;}
#header h2{ display:none;}
#header #universityName{ display:none;}
#navigation{border-top:1px dashed #000088}

#header{background:transparent;}
#header h2{background:transparent;}
#userRelations .personIcon{background:transparent;}
#userRelations .personIcon td{background:transparent;}
#userVisitor{background:transparent;}
#userFriend{background:transparent;}
#userFriendUniv{background:transparent;}
.attention{background:transparent;}
#sidebar #menu{background:transparent;}
#userProfile{background:transparent;}
#userBlog{background:transparent;}
#userBlog .info{background:transparent;}
#userPandora{background:transparent;}
#userGroup{background:transparent;}
#userTalk{background:transparent;}
#talk li{background:transparent;}
#userTalk .info{background:transparent;}
#permalink{background:transparent;}

body{COLOR:#000099;font-size:12px;font-family: "宋体", Arial;}
#header{width:100%; position:absolutepage; left:0px; }
#header{margin:0;padding-top:40px; background-color:#000000};
#logo,#navigation,#universityName{display:none;};

.blockimage.block h3{display:none;}
#talk{overflow:auto;height:650px;}
<!－把左边的导航换至右边－>
A:link{COLOR: #000099;font-size:12px;font-family: "宋体", Arial;}; A:visited{COLOR:#000099;font-size:12px;font-family: "宋体", Arial;}; A:active{COLOR: #a5abb0;font-size:12px;font-family: "宋体", Arial;font-weight: bold;};
A:hover{COLOR: #FFFFFF;background-color:#FF3366; font-size:12px;font-family: "宋体", Arial;font-weight: bold;};
.box h3{color:FF0000}
#AccountInfo .userProfileItem{color:#000099 }#BasicInfo .userProfileItem{color:#000099 }#ContactInfo .userProfileItem{color:#000099 }
#header #universityName{color:#000099}
#header h2{color:#008800}
#header li a{color:#000099;}--></style><!－文字属性统一风格代码>
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=#000000 align=center border=1><TBODY><TR><TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

好了，不说了要做事去了，BYEBYE,下面把CSS教程发出来

下载地址：http://www.xnei.cn/upload/css.chm

自己好好去研究，呵呵，表达能力有限，如果有什么问题欢迎加群讨论(34157015)或给我提问