众所周知,校内网已是Web2.0时代下最好的大学生SNS社区,目前校内网已覆盖全国2000个大学，拥有1500万的注册用户，活跃用户每周增长10%,不仅因为千橡集团为我们提供了一个很好的平台,而且用户具有很大的设计空间,所以我觉得此种交流平台非常适合现在的大学生们，我相信会有更多的大学生们加入此行列的，在本站建站以来，发现很多朋友对校内网涂鸦板代码并不熟悉，除了复制还是复制，所以决定推出此系列教程，希望给朋友自由设计自己的校内网提供最大的帮助，如果教程中有什么错误或没有提及的地方，请朋友给我建议!
前面的教程里我们讲到了校内网的基本使用,此次我们开始接触校内网涂鸦板的操作及涂鸦板代码编写,首先呢我们得找到涂鸦板的位置吧,废话少说,看教程:
一、肯定要登陆到校内网（地址：http://www.xiaonei.com），登陆之后即可看到下面界面
点击“我的页面”旁边 的编辑（要登陆到校内网才会有的），然后点击涂鸦板即可看到如图：
点涂鸦板后即可看到下面这图，当然第一次里边肯定是空的，下面我会教朋友们添加一些简单的涂鸦板代码
呵呵，现在能够找到位置了吧，找到了就好办，如果没找到赶快去买眼镜吧，下面我们将在涂鸦板添加一些简单的代码
背景颜色：<body bgcolor="颜色"></body>
如黑色背景代码为：<body bgcolor="#000000">
如果需要加背景呢，怎么办？下面就是了
背景随滚动条滚动的代码：<body background="图片地址"></body>
背景固定不动的代码：<body background="图片地址" bgproperties="fixed"></body>
当然啦，上述情况都可以用比较专业一点的方法书写，如下
<style type=text/css>
<!--
body{
background:url(这里填您的图片url地址) #ffffff repeat scroll!important;
}
-->
</style>
代码注解：
将括号里面的这里填写背景图片url地址替换为你所要显示的背景图片地址.
#ffffff表示背景颜色为(白色)修改为你想要的背景颜色代码即可.
repeat表示图片平铺，不想平铺则改为no-repeat.
scroll表示图片随对象滚动.图片固定不滚动改为fixed.
!important表示这里的设置优先.不要将它去掉，否则有可能会引起冲突.造成显示不正常，如果冲突的话，将采用就近原则来显示
这上面就是所谓的CSS了，校内网就是通过修改CSS来完成页面美化的，不要急，我们会在后续章节讲到这个的
有的朋友可能会问，我怎么能得到好的背景图片呢？我就介绍一种非常简单的方法。
当你浏览一个网站的时候，你发现这个网站的背景不错，你可以把它的背景图片存下来供为己用。
方法就是：在该页面点右键，选取“背景另存为（S）”，轻轻松松就把背景图片存下来了。
如何让背景图片不是拼接而成？
图片大小要适当，至于多大是适当，没有一个统一的标准，因为大家用的浏览器不同，屏幕分辩率不同，目前主流的分辩率是1024×768，所以假定分辩率为1024×768，图片宽度应为1024，小于1024会出现拼接，大于1024右侧会被截断，高度上用768即可。
再来，我们经常会看到一些很漂亮的鼠标样式，怎么添的呢，看吧
添加鼠标模式（cur格式是静态的鼠标，ani是动态的鼠标）
<style type=text/css>
<!--body{cursor:url(http://img.xiaonei.com/photos/20061114/0910/orig148381.ani)}
a{cursor:url(http://img.xiaonei.com/photos/20061117/1900/orig388039.ani); -->
</style><!--鼠标-->
更爽的是很多朋友都看到别人的校内有非常漂亮的Flash挂件，播放器什么的，现在我们就来看看如何使用Flash效果
在校内网使用flash文件方法
（１）绝对定位flash动画
<embed style="left: 150px; position: absolute; top: 50px; " align=right src=你的flash地址 width=1000 height=500 type=application/octet-stream ; quality="high" wmode="transparent"></embed>
其中的top和left参数的值用来调整位置，width和height参数用来调整大小，Src=后面接的是SWF文件
（２）FLASH动画放在涂鸦板里
<embed src=你的flash地址 width=400 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>
各参数意义同上
说明：很多东西都可以通过此代码实现。比如时钟,会跳舞的小女孩等。你仅仅需要在里面加网址。Flash文件地址可以使用迅雷分析，只要反鼠标放到Flash文件上就会有个下载出现的，点下就知道地址了
接下来就得让咱们的校内网有点声音了，呵呵
添加音乐播放器代码
这类代码有：
1、<BGSOUND balance=0 src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" volume=-240 loop=infinite><!--背景音乐-->
Volume表示音量，loop=infinite表示循环播放，不停止。这种代码是看不到播放器的。
2、<embed src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" hidden="true" autostart="true" loop="true"><!--背景音乐-->
--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值" width="宽度值" 就可以了。
-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false"
即可...
------ loop="true"表示无限次循环播放音乐直到当前页关闭为止，不想循环播放替换为 loop="false"就OK了
3、<embed src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" ><!--背景音乐-->
---------loop="-1" 表示无限次循环播放，可设置播放次数，用具体数字代替即可，比如我希望它播放两次，则loop="2"
--------controls="ControlPanel"这个控制选项可省略
--------width="0" height="0"表示隐藏播放，和前面的一样。
若欲设置播放器的外观，则替换为具体的数值就可以了，比如width="123" height="100"
说明：上面的音乐网址都可自行修改，代码可以直接复制，建议将音乐上传到校内网上，这样加载速度快。
多首歌曲连放
1、使用M3u列表（只能播放Mp3格式的文件）
首先， 新建一个记事本文件(这个要是不会赶紧去学电脑...)
第二、从网上搜索你喜欢的歌曲，取得网址（一定要是Mp3格式的，其他格式不行），把你找来的MP3地址一个一行排好,一行只能排一个，不得有空行。如:
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
就像这样,地址可以无限多,最少一个,然后保存，保存的文件名最好是英文或者数字。
然后将记事本文件的扩展名.txt改为.M3U,系统会提示改扩展名会导致文件可能不可用,是否继续?点“是”，文件变为M3U了。你也可以将txt文件另存为.M3U格式。接着你可以打开试听一下效果,如果地址够快的话在你电脑本地就可以进行听歌了。
最后，把这个M3U文件上传到校内网上,在上传好的文件里点属性,查看地址,将地址（一定是以M3u结尾的网址）贴进一下代码的音乐网址就可以了。
<EMBED src=音乐网址 width=180 height=50 type=audio/mpeg autostart="true" loop="true">
参数可以自己设置，请参照一自己修改。
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
2、使用ASX列表（不限制音乐格式）
首先新建一个记事本文件，将以下代码输入：
<ASX version ="3.0">
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1720/orig55328.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1640/orig46257.wma "/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1710/orig52716.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1720/orig55812.wma "/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1730/orig57023.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1730/orig57177.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1640/orig46257.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1730/orig58026.wma"/>
</Entry>
<Entry>
<Ref href = "http://img.xiaonei.com/photos/20061121/1740/orig58502.wma"/>
</Entry>
</ASX>
然后另存为扩展名为.asx的文件，如music.asx。你可以打开一下试听。最后将此文件上传到校内网上，获取文件地址。
将下列代码加入涂鸦板即可：
<embed src="http://img.xiaonei.com/photos/20061121/1740/orig79888.asx" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" ><!--背景音乐-->
你也可以用上面介绍的方法自行设置参数。
这种方法，简单、高速、占资源少，且可以播放mp3,wma,asx等多种格式，且不必担心有弹出式广告之类。
说明：上面介绍的两种方法均需要先上传好音乐。
这篇太长了，等下朋友们都想睡觉了，我还是换一篇写吧，手都打麻了啊，呵呵
您当前的位置：
减小字体
增大字体