校内涂鸦版代码制作教程（一）

来源：www.biyela.net 作者：新版校内网代码 时间：2008-02-11 点击：

#biyela.net {}
/* 此代码由 BIYELA校内网代码(biyela.net) 收集/整理/调试*/
......★★校内网涂鸦版代码制作帮助★★
最近上传的歌曲:(都是限3M时传的,比较珍贵哦,可以去我页面试听效果,呵呵)
http://img.xiaonei.com/photos/27/474/orig38170.mp3
http://img.xiaonei.com/photos/27/474/orig38268.mp3
http://img.xiaonei.com/photos/27/474/orig38314.mp3
http://img.xiaonei.com/photos/27/474/orig38429.mp3
http://img.xiaonei.com/photos/27/474/orig38567.mp3
http://img.xiaonei.com/photos/27/474/orig38666.mp3
http://img.xiaonei.com/photos/27/474/orig38706.mp3

将下列代码放入自己的涂鸦办里，然后将引号内的网址换成自己喜欢的图片或音乐的校内网地址(连接速度比较快)就可以了。也可以自己上传

喜欢的歌曲，背景图片，FLASH，贴图等等，在本贴回复中添加附件(上传图片或文件)就行了，目前限１Ｍ内才可上传，上传后翻到本主题的最

后一页就可以看到自己上传的文件了，点击上传好的文件,复制连接地址,然后粘贴替换到相应的代码中就可以了
★快速查看自己上传的文件的小秘密
最近,大家传完图片音乐后,是不是要找到自己的文件有些延时啊,我发现个小秘密,可以快速找到.
.........传完文件后翻到最后一页,看浏览器地址中是不是有个数字跟这个帖子的页码数少1啊,或者说是比较接近的,把地址栏中的那个数改成

比它大1的数,然后,鼠标点击转到,或着摁回车键,看有没有你的文件,没有的话,再加1试试,一直找到帖子的最后一页,就可以看到自己的文件了,

我就是这么试的,每次都准★
..........代码中的参数可以自己捉摸，稍作改动放在涂鸦版里试试，就会明白参数的意义了，参数太多我就不一一介绍了，另外我页面上的默

林老人，由于代码中的“＆”字符被禁了，现在不能做了，还有那个带播放列表的NB播放器，原来的代码也有那个字符，功能受限，就不写了
BIYELA校内网代码 http://www.biyela.net
▲我的滚动连接代码:
<marquee width=100% behavior=alternate scrollamount=3><a href=http://www.xiaonei.com/GetUser.do?id=60276><font size=4.5>去我的

好友的页面看看</font></a></marquee>

▲背景和字的颜色：<body bgcolor="#000000" text="#ff9933">
特别说明的是:bgcolor=后面的内容是背景颜色的代码,text=后面的内容是个人资料留言等文本的字的颜色

▲滚动背景图案：<BODY BACKGROUND="http://img.xiaonei.com/photos/43/864/orig59095.jpg"> /* 代码来源校内网代码(biyela.net) */

▲固定背景图案：<body background="http://img.xiaonei.com/photos/27/474/orig74269.gif"bgproperties="fixed"></body>

▲背景音乐：<BGSOUND src=http://www.biyela.net/help/old/"http://img.xiaonei.com/photos/7/719/96072391.mp3" loop=infinite>

背景音乐显示播放器:
<embed src=http://img.xiaonei.com/photos/27/474/orig38170.mp3 type=application/x-mplayer2 autostart="1"

showcontrols="1"></embed>

背景音乐隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2 autostart="1"

showcontrols="0"></embed>

背景音乐循环播放并隐藏播放器:<embed src=http://img.xiaonei.com/photos/43/864/orig60507.wma type=application/x-mplayer2

autostart="1" showcontrols="0" loop="true" ></embed>

▲页面贴图：<img src=http://www.biyela.net/help/old/"http://img.xiaonei.com/photos/43/864/orig60273.gif">

▲贴图精确定位:<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100%

src=http://www.biyela.net/help/old/"http://sms.imobile.com.cn/Upload/I/P/4/MMSLOGO_45832.GIF"></div>

▲精确定位：:<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;">定位的内容</div>

BIYELA校内网代码 http://www.biyela.net
▲整个页面不透明度设置,30越大越透明(用了之后打开页面速度会变的很慢,不推荐使用)
<body style="FILTER: alpha( Style=3 FinishOpacity=30);" >

▲贴图透明化：<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=

http://www.biyela.net/help/old/http://img.xiaonei.com/photos/43/864/orig60273.gif width=400 height=300>

▲贴图透明加定位:
<div style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black

();position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100%

src=http://www.biyela.net/help/old/"http://img.xiaonei.com/photos/43/864/orig52995.jpg"></div>

▲FLASH动画：<embed style="left: 150px; position: absolute; top: 50px; " align=right src=http://www.dabaoku.com/images/yu.swf

width=1000 height=500 type=application/octet-stream ; quality="high" wmode="transparent"></embed> /* biyela.net */

▲FLASH动画(相对定位即放在涂鸦板里)：<embed style="left: 150px; position: relativity; top: 800px; " align=right src=

http://www.biyela.net/help/old/http://www.dabaoku.com/images/yu.swf width=400 height=200 type=application/octet-stream ;

quality="high" wmode="transparent"></embed>

▲视频1：
<embed SRC=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=audio/x-pn-realaudio-plugin CONSOLE=Clip1

CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>

视频2：
<embed HEIGHT=480 WIDTH=590 name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer

src=http://img.xiaonei.com/photos/43/864/orig37195.wmv type=application/x-mplayer2 showstatusbar="1" showcontrols="1"

autostart="1" loop="0" volume="1"></embed>

▲建链接（本页面进入）：
<a href=http://www.xiaonei.com/GetUser.do?id=60276>我的默林邀请您进入</a>

▲建链接（新页面进入）：
<a href=http://www.xiaonei.com/GetUser.do?id=60276 target="_blank">我的默林邀请您进入</a>
▲滚动的超链接：
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>

▲群栏和留言板栏设置成滚动放到涂鸦板最后(不推荐使用):</body><marquee direction=up marquee scrollamount=3 >

▲改字颜色：
<font color=00dfff>字</font>

▲改字体和字号
<font face="幼圆"><font size=4.5>字</font></font>

▲改鼠标:
<body style="cursor:url('http://img.xiaonei.com/photos/43/864/orig65926.ani ')"></body>
将其中的连接改成自己喜欢的鼠标FLASH地址即可
鼠标样式大全：http://myok.bokee.com/2081936.html

▲加宽留言板：</div>
不行的话再多放几个</div>

▲改变所有字的代码
<style type=text/css>
<!-- A:link{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称}; A:visited{COLOR:颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称

}; A:active{COLOR: 颜色代码;FONT-SIZE:9pt;FONT-FAMILY: 字体名称}; A:hover{COLOR: 颜色代码}; body{COLOR:颜色代码;FONT-SIZE:9pt;

FONT-WEIGHT: bolder;FONT-FAMILY:字体名称}--></style>
将上面颜色字号字体换成自己喜欢的即可

▲横向交替滚动：
<marquee width=100% behavior=alternate scrollamount=1>所要写的文字</marquee>

▲颜色代码网址：
http://img.xiaonei.com/photos/20060605/2100/orig55142.htm

字体颜色代码：
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海

蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色

#B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花

色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色

#855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

贴图时可能要考虑尺寸，有时需要裁剪，让图片完整出现在页面内。
“背景图案”宽度在1100左右，“页面贴图”宽度在480左右。

▲留言板栏群栏背景色字：
<TABLE style="FILTER: glow(color:#FF00FF,direction=2)">

BIYELA校内网代码 http://www.biyela.net
▲部分字背景字色
<TABLE style="FILTER: glow(color:#FF00FF,direction=2)"> 所要写的文字</table>

▲浮雕字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font size=4.5>你要的文字</font></table>

▲可爱的钟表：
<embed style="left: 728px; position: absolute; top: 99px; " align=right src=http://www.9941.cn/moban/zhong/67.swf width=100

height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

▲页面幻灯片切换效果： (本条代码7月1号已被禁用,作废)
<head><meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=6.0, transition=23)"> <meta HTTP-EQUIV="Page-Exit"

CONTENT="revealtrans(duration=6.0, transition=23)"></head>

▲给自己加星星５颗：
<DIV style="LEFT: 606px; BACKGROUND-IMAGE: url(http://img.xiaonei.com/photos/20060523/1950/orig78576.png); WIDTH: 60px;

BACKGROUND-REPEAT: repeat-x; POSITION: absolute; TOP: 128px; HEIGHT: 9px"></DIV>

/* biyela.net */

新增（5月）
▲表格:
</tex:tarea><table border="4" width="340" bordercolor="#0000FF" bgcolor="#COCOCO">
<tr>
<td width="100%">
<p align="center">要在表格中写的字等</td>
</tr>
</table></tex:area>

▲阴影文字
</tex:tarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">
<font color=#6CABE7 size=2>谢谢大家的支持</font>
</table>

BIYELA校内网代码 http://www.biyela.net
▲浏览者IP 等其他电脑详细参数等显示<本条转自苏海龙>
<img src=http://www.hotik.com/sign.png border=0>

▲针对８月１０号即将推出的新页面代码
<link rel=stylesheet href=http://www.biyela.net/help/old/"http://img.xiaonei.com/photos/20060808/1730/orig54518.css"

type="text/css"><!-新页面全透明->

包含内容
<style type=text/css></style><!-所

有的h3透明->
<style type=text/css><!--.block,.linkblock,#annouce,#header #logo,#header h1,#header h2,#header #universityName{

display:none;}#navigation{background:url()}--></style><!-除广告logo顶部图片->
<style type=text/css><!--.picture{display:none;}#userTalk .article .text,#userTalk .article .me tadata { margin-left:0px;}--

></style><!－除留言小头像和坑－>
<style type=text/css><!--#header,#header h2,#userRelations .personIcon,#userRelations .personIcon

td,#userVisitor,#userFriend,#userFriendUniv,.attention,#sidebar

#menu,#userProfile,#userBlog,#userPandora,#userGroup,#userTalk,#talk li,#userTalk .article .met adata,#permalink

{background:transparent;} --></style><!-最近访课校内外好友注意资料目录日志涂鸦板群留言板透明->
其中的两个metadata在涂鸦板不可用，我用空格空开了，其实也是无效的，只有才用象上面的那个新页面全透明代码一样，调用外部css才可以

用，当然调用时要去掉空格了，因为不放到涂鸦板里，不会被禁用

[收藏] [推荐] [评论] [打印] [关闭]

顶一下

上一篇：校内网涂鸦板背景代码详细说明
下一篇：校内涂鸦版代码制作教程（一）

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

栏目列表