5Q校园空间代码-涂鸦装扮代码-涂鸦板版代码

您现在的位置：爱51代码网 >> 涂鸦板版代码 >> 文章正文

[图文]5Q校园空间代码-涂鸦装扮代码

5Q校园空间代码-涂鸦装扮代码|涂鸦版成品代码|涂鸦版的代码

1.在页面下载完毕后弹出的提示框~~

</head><body onload= alert('喜欢你就叫!留下您珍贵的足迹')>
<body onload= alert('欢迎来到我的主页，走时别忘了留言啊!')>
</body></html>

2.背景音乐控制代码:

如果想隐藏控制面版,可以加入代码 hidden=true

此代码还可以加入其他控制,详细到冰姐的帖子里找找!

3.5Q自带的样式编辑器代码

放这个代码进去后,到自己主页点击"主页管理"字样,就可进入编辑!

4.层控制代码,可用于放置你喜欢的闹钟

PX前面的数字代表像素坐标! wmode模式,此上为透明!

5.层控制代码,用于挂件```

PX前面的数字代表像素坐标!

6.#mainInfo部分透明

当然,这里也可以不去掉白色部分,还可以加入图片,把none改成url=你的图片地址

7.背景的控制(包括颜色,背景是否定位锁定,透明度)

attachment:fixed;是锁定图象 filter:alpha(opacity=0) 透明度

8.消除#topFuncNavi

不多说,就是去掉顶部滴``

9.放置FLASH

一样,PX代表像素坐标````

10.留言框的编辑

代码都是写如涂鸦板那里，注意保持代码连续，特别不要空行，最好代码之间只是留一个空格的间隔。

1.添加背景图片代码：

<BODY background="图片链接地址 " bgproperties="fixed">
说明：bgproperties="fixed"为固定背景图片的代码，图片链接地址，可以到百度去搜索喜欢的图片，或者把电脑里面的图片
上传到校内网在取地址。

2.背景图片占满整个页面而不是拼接而成的方法

（1）上传之后，点击帖子中你的图片会另打开一个图片的网页，引用这个新网页的url放到背景代码中，背景就不会小了，是原来大小
（2）上传后直接点击右属性取网址会出现变小，可以把图片扩展名改成mp3再上传，引用的时候就是原来大小了。
一般约1024*768或者1000*600的就可以占满屏幕。
以我的背景图片代码为例子
<body background="http://bbs.tianshui.net.cn/UploadFile/2005-9/200591918172665473.mp3"bgproperties="fixed"></body>
附：如何改变文件扩展名
请打开我的电脑[My Computer]->工具[Tools]->文件夹选项[Folder Options]->点击查看[View]选项卡->去掉隐藏已知文件类型的扩展名
[Hide extensions for known file types]->点击应用[Apply]->点击确定[OK].
此时将显示所有文件的扩展名

3.添加普通图片，该图片显示在涂鸦面板代码：
<IMG alt=附图 SRC="图片链接地址 ">

4.添加的图片可以做透明华处理效果很梦幻：

使透明的代码就是在原来文件代码的前面加上style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();"
比如说贴图的透明化<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=贴图的网址 width=400 height=300>

5.如何加音乐
代码：<EMBED src="要链接的音乐的地址 " width=400xp height=45xp autostart=true loop=true >
说明：width=400xp height=45xp 这里设置的是播放器的播放窗口的大小，可以修改，autostart=true loop=true
这里是音乐自动播放和循环播放，歌曲网络地址不会不知道的吧？呵呵，用百度搜索一下~

6. 主题：如何通过修改涂鸦版往页面上面加flash
<EMBED style="left: 0px; POSITION: absolute; top:0px" align=left src=引用的FLASH的地址 width=1000
height=1000 type=application/octet-stream wmode="transparent" quality="high" ;>
解说：对于插入flash 的大小、位置我们都是可以加以控制的。比如：
LEFT:100px （与左边的距离） TOP:200px （与顶部的距离）
width="800" （显示flash的宽） height="800" （显示flash的高）
wmode="transparent"，意思是透明模式，要是不是透明的flash可以将这个去掉
如果想要呈现多种动画效果，可以连续粘贴多段动画代码，我的页面就有多个FLASH
具体例子：引用共享FLASH里面的上飘的气球
<EMBED style="left: 0px; POSITION: absolute; top:0px" align=leftsrc=http://img.xiaonei.com/photos/51/602/orig85980.swf
width=1000 height=1000 type=application/octet-stream wmode="transparent" quality="high" ;>

7.如何改变鼠标样式，独特的鼠标样式显示你独特的个性
<body style="cursor:url(' 鼠标样式的链接地址')"></body>
1、你找来的地址，后缀名有**.cur的，还有**.ico的，和**.ani的．
后缀名为**.ico 的为静态后缀名为**.cur 的为静态后缀名为**.ani 的为动画
具体例子，烧瓶样式<body style="cursor:url(' http://img.xiaonei.com/photos/51/602/orig86384.ani ')"></body>

8.主题：如何添加连接，把自己的主页空间或者博客向大家推荐
<br /><a href="链接地址 "><font color="#b22222"><font size=4>链接显示的文字 </a>
以我的校内网页面为例<a href="http://www.xiaonei.com/GetUser.do?id=31430" target="window_name"><font color=#FFFFFF>
<font size=4>欢迎观看李日庆的绚丽页面星空许愿</a><br> 可以改变颜色和文字大小：改变color，size后面的数值就行。

9.改变链接字体和颜色
<style type=text/css> </style>
注意：这个代码最好是放在前面
A:link是链接的部分，A:visited是已经链接过的链接部分，A:active是被激活的链接部分，A:hover是链接时的显示，body是正文部分的更改。
COLOR: 颜色代码是颜色的更改，颜色代码可以参看如下网址http://w1w1.bokee.com/3538465.html
FONT-SIZE 是字号大小的设置，你可以任意填写数值，默认是9号字，同样你也可以用＋1，＋2，－1等等表示字号的大小
FONT-FAMILY: 字体名称是对字体的更改，你打开WORD以后，出现的默认字体（你后装进去的字体，别人是看不到的）都可以放入
FONT-WEIGHT: bolder 是加粗显示，可以替换的是normal,cite,等等
值得注意的是，如果你在前几项中没有设置FONT-WEIGHT: bolder，只在body中有这样的设置，
系统将其他几项都默认为FONT-WEIGHT: bolder，想要还原，用FONT-WEIGHT: normal就可以

10.改变背景颜色以及字体颜色

<body bgcolor="#000000" text="#00ffff" link="#b22222">;
bgcolor:背景颜色 text:字体颜色 link:链接颜色
提示：双引号的代码可以根据自己的偏好更改
背景颜色代码请点击此网页http://w1w1.bokee.com/3538465.html
字体颜色代码：
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

11.主题：如何给页面加滚动文字

用如下语句
<marquee>需要移动的文字</marquee><direction=＃>
例：<marquee direction=left marquee scrollamount=10>开开心心每一天！</marquee> <P>
marquee 具体参数有：
BGColor：滚动文本框的背景颜色。
Direction：滚动方向设置，可选择Left、Right、up和down。
scrolldelay：每轮滚动之间的延迟时间，越大越慢。
scrollamount：一次滚动总的时间量，数字越小滚动越慢。
Behavior：滚动的方式设置，三种取值：Scroll（循环滚动）、Slide（单次滚动）、Alternate（来回滚动）。
Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop：滚动次数。默认为infinite
hspace、vspace：前后、上下的空行。
根据自己的喜欢，设定不同的参数，就有不同的效果

滚动字的颜色和大小能修改
在 <marquee>需要移动的文字</marquee>
中间加入修改字的颜色和大小或字体的代码就可以了，例如：
<marquee direction=left marquee scrollamount=10><FONT face="楷体_GB2312">你要加的字</FONT></marquee><P>
有时候可能留言也随这滚动，
例子：<marquee direction＝up marquee scrollamount=4>欢迎光临 marquee> <P><br />
改成 <marquee direction＝up marquee scrollamount=4>欢迎光临</marquee>
就是去掉后面的<P><br />

12、★如何实现视频音乐的连续播放★
一．打开记事本[Notepad傻]程序（右键－新建－文本文档）
二．将下列代码复制进去
<ASX version ="3.0">
<Entry>
<Ref href = "你的视频音频地址1"/>
</Entry>
<Entry>
<Ref href = "你的视频音频地址2"/>
</Entry>
<Entry>
<Ref href = "你的视频音频地址3"/>
</Entry>

以下同样添加你想要的视频音频个数

</ASX>

三．将你选的音乐视频地址替换掉上面的地址，保存文件（注意保存前去掉“以下。。。”那句说明），将文件名改为音乐.asx
四．将该文件传到校内网上（与传图片相同），传完后右键点文件——属性，复制下地址，例如：http://img.xiaonei.com/photos/43/864/orig30954.asx
五．将下列代码加入涂鸦版（视频所在位置由所填代码在涂鸦片相对位置决定）
<embed SRC=http://img.xiaonei.com/photos/43/864/orig30954.asx type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=252 WIDTH=324 AUTOSTART=true loop=true>
（地址部分http://img.xiaonei.com/photos/43/864/orig30954.asx，修改成上一步自己的）
例子感人爱情故事，看起来是一个视频，实际是由三个小视频连续播放成的，源文件都在校内网上，地址是
http://img.xiaonei.com/photos/43/864/orig30735.wmv
http://img.xiaonei.com/photos/43/864/orig30792.wmv
http://img.xiaonei.com/photos/43/864/orig30865.wmv
六．保存，回到页面欣赏吧。

13.精确定位自己的图片
精确定位自己再涂鸦版加的图片到页面的任何地方，主要思想就是利用<div></div>标签的position,top,left属性精确定位 ,
利用这个可以把自己添加到涂鸦版的图片放到自己想要的任何位置
如页面显示10个星星的代码，现在校内已经十分流行。
<div style="background-image:url('/Article/UploadFiles/200710/20071024195342964.png');position:absolute;top:
129px;left:616px;width:109px;height:20px;
background-repeat:repeat-x;"></div>
top;left;用于定位，width;height，用于控制显示的大小。

14.涂鸦版的秘密之NB播放器可添加中文列表

一．打开记事本[Notepad傻]程序（右键－新建－文本文档）
二．将下列代码复制进去
代码是
<songs>
<song path="歌曲网址" title="你想给歌曲起的名字" />
<song path="歌曲网址" title="你想给歌曲起的名字" />
<song path="歌曲网址" title="你想给歌曲起的名字" />

</songs>

注释，几首歌曲都可以，用同样的语句就可以了
三．将你选的音乐视频地址替换掉上面的地址，要显示中文列表，这样保存：选文件——另存为——编码选UTF-8。，
将文件名改为”名字“.xml ，只要后缀是xml就可以
四．将该文件传到校内网上（与传图片相同），传完后右键点文件——属性，复制下地址，例如：http://img.xiaonei.com/photos/43/864/orig79960.xml 五．将代码加入涂鸦版（视频所在位置由所填代码在涂鸦片相对位置决定）
代码为：<embed style="LEFT: 475px; POSITION: absolute; TOP: 790px" align=right src="
http://img.xiaonei.com/photos/43/864/orig37256.swf" menu="false" quality="high" width="600" height="280"
name="index" type="application/x-shockwave-flash" pluginspage=http://www.macromedia.com/go/getflashplayer
flashvars="playList=列表网址 wmode="transparent" border="0" />
（地址部分应该加入你在上一步复制的地址）
进入页面的时候没有声音，不能自动播放，下拉播放菜单不是自动弹出，这些设置要在每次进页面的时候靠手动解决
七．保存，慢慢欣赏吧。
注意：这个播放器是mp3 播放器，目前只能播放mp3格式的文件，wmv,wma格式都不行。
播放歌曲的时候如果比特率太低会出现加速的现象，是音乐的问题，用windows media player播放不会出
问题是因为windows media player功能
很强大，能够自动适应你选的歌曲，NB播放器就不行了。asx的默认播放器也是windows media player，所以也不会出问题。
你要想用NB播放器还得把音乐改了

15.让留言版变宽

在途鸦版最后加。</div>就可以，就这么简单，原理是：让涂鸦版以下的部分居中

16.懒人技巧，查看别人的原代码。

浏览器那里选择查看－>源文件就会用记事本打开原文件了，里面对于我们有用的部分是涂鸦板和加入的群之间的部分代码，可以有记事本的
编辑－>查找，输入“涂鸦板”快速找到代码所在的区域，分析代码还是要用些内心的，主要就是找到背景和falsh的就行了，要有时间页面还
是自己设计下体现自己个性好

上一篇文章：涂鸦板代码永远的经典

下一篇文章：世上最经典最可爱的校内网CSS涂鸦板