校内网涂鸦版代码 添加背景图片代码 背景音乐代码 校内网改变鼠标代码 查看别人的原代码 如何添加连接 如何实现视频音乐的连续播放 背景音乐连续播放 校内网改变链接字体和颜色代码

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

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>

下面是一些鼠标链接地址:
变变小猪 http://imgcache.qq.com/qzone/item/orig/9/1753.ani
一起去遨游 http://imgcache.qq.com/qzone/item/orig/1/193.ani
绿油油的帅哥 http://imgcache.qq.com/qzone/item/orig/11/1067.ani
可爱小狗 http://imgcache.qq.com/qzone/item/orig/14/1150.ani
吉他 http://imgcache.qq.com/qzone/item/orig/4/1844.ani
男VS女 http://imgcache.qq.com/qzone/item/orig/5/4453.ani
香水 http://imgcache.qq.com/qzone/item/orig/2/1170.ani
NEW http://imgcache.qq.com/qzone/item/orig/2/3426.ani
爱的思念 http://imgcache.qq.com/qzone/item/orig/7/4423.ani
我爱妈妈 http://imgcache.qq.com/qzone/item/orig/10/4426.ani
心花 http://imgcache.qq.com/qzone/item/orig/11/4427.ani
浓情KISS http://imgcache.qq.com/qzone/item/orig/8/4424.ani
玻璃球 http://imgcache.qq.com/qzone/item/orig/4/4244.ani
无语 http://imgcache.qq.com/qzone/item/orig/2/4370.ani
蝴蝶飞飞 http://imgcache.qq.com/qzone/item/orig/6/4246.ani
羊羊羊 http://imgcache.qq.com/qzone/item/orig/15/4271.ani
送个心给你 http://imgcache.qq.com/qzone/item/orig/10/4250.ani
下午茶 http://imgcache.qq.com/qzone/item/orig/14/4254.ani
爱情号 http://imgcache.qq.com/qzone/item/orig/3/4243.ani
http://imgcache.qq.com/qzone/item/orig/9/4249.ani
甜睡的狗 http://imgcache.qq.com/qzone/item/orig/11/4251.ani
心中有你 http://imgcache.qq.com/qzone/item/orig/15/4255.ani

寿司http://imgcache.qq.com/qzone/item/orig/13/2845.ani
猪猪 http://imgcache.qq.com/qzone/item/orig/10/2394.ani
鱼鱼公主http://imgcache.qq.com/qzone/item/orig/9/2393.ani
Y http://imgcache.qq.com/qzone/item/orig/3/1683.ani
X http://imgcache.qq.com/qzone/item/orig/2/1682.ani
相亲相爱http://imgcache.qq.com/qzone/item/orig/1/1105.ani
美少女魔法棒 http://imgcache.qq.com/qzone/item/orig/12/1068.ani
我爱樱桃 http://imgcache.qq.com/qzone/item/orig/0/3344.ani
星星闪 http://imgcache.qq.com/qzone/item/orig/14/3390.ani
巴黎恋人鼠标http://imgcache.qq.com/qzone/item/orig/3/2243.ani

I服了YOU http://imgcache.qq.com/qzone/item/orig/0/2544.ani
GOOD-LUCKY http://imgcache.qq.com/qzone/item/orig/12/3436.ani
乐声 http://imgcache.qq.com/qzone/item/orig/7/3047.ani
HIP-HOP http://imgcache.qq.com/qzone/item/orig/1/3041.ani
打瞌睡的小鸡http://imgcache.qq.com/qzone/item/orig/6/3510.ani
狗狗礼物 http://imgcache.qq.com/qzone/item/orig/9/3513.ani
水晶之恋 http://imgcache.qq.com/qzone/item/orig/15/3519.ani
鲜橙 http://imgcache.qq.com/qzone/item/orig/0/3520.ani
粉红色的小象http://imgcache.qq.com/qzone/item/orig/2/3650.ani
爱情毒药http://imgcache.qq.com/qzone/item/orig/4/3508.ani
星星http://imgcache.qq.com/qzone/item/orig/15/3151.ani

 

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

9.改变链接字体和颜色
<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>
注意:这个代码最好是放在前面
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="&#35;000000" text="&#35;00ffff" link="&#35;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、★如何添加视频和FLASH★

关于视频问题可用下面的代码
但是 校内好象有流量的限制 所以你得事先压缩到1M(2M?忘记)再上传 然后参照下面代码

一般视频引用代码

<embed src=你的wmv/rm的地址 type=audio/x-pn-realaudio-plugin console=Clip1 controls=ImageWindow height=252 width=324 autostart=true loop=true>

其中height和width的值用来调整播放器面板的大小

可以用下面代码绝对定位视频播放器

<embed style="position:absolute;Top:1000px;left:266px;" src=你的wmv/rm的地址 type=audio/x-pn-realaudio-plugin console=Clip1 controls=ImageWindow height=252 width=324 autostart=true loop=true>

或者你可以选择引用一些 比如56里面的视频
就用下面这个
全屏定位FLASH代码(多用于透明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>

相对定位FLASH代码(即放在涂鸦板里,多用于播放flash视频,也用于放些饰品):<embed style="left: 150px; position: relativity; top: 800px; " align=right src=http://www.flash138.com/flash138_96sd84g1gjopdy6/mtv/flash52_mv_ps1971.swf width=400 height=200 type=application/octet-stream ; quality="high" wmode="transparent"></embed>

flash素材大全:http://www.9941.cn/
特别说明:
width=1000 height=500中的数字是指FLASH的宽度和高度,改变数值便可调节大小

left: 150px top: 50px中的数字指在屏幕中的位置距昨边缘和上边缘的距离,改变数值便可调节位置(只在第一种即全屏定位中起作用)

align=right指排在涂鸦板的右边,会显示在右下角,还可以选择left
,会显示在左上角在(第二种中起作用)

13.精确定位自己的图片
精确定位自己再涂鸦版加的图片到页面的任何地方,主要思想就是利用<div></div>标签的position,top,left属性精确定位 ,利用这个可以把自己添加到涂鸦版的图片放到自己想要的任何位置
如页面显示10个星星的代码,现在校内已经十分流行。
<div style="background-image:url('http://www.xiaonei.com/images/star.png&#39;);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的就行了,要有时间页面还是自己设计下体现自己个性好。

17.共享经典页面

把以下代码直接复制到涂鸦版里面保存就可以了,保存的时候要注意代码的连续性,有时候保存了会自动换行的,那样要自己弄成连续的,只要代码间间隔一个空格的距离就是连续的了

经典女生浪漫页面:

<BODY style="CURSOR: url('http://webme.bokee.com/inc/mouse025.cur&#39;)" text=#0f00f0 link=#000 bgColor=#00 background="http://image2.sina.com.cn/dongman/pic/solovelycartoonbz/U1595P55T4D83224F50DT20060208152430.jpg" bgproperties="fixed"><EMBED src="http://img.xiaonei.com/photos/51/602/orig23000.mp3" width=400xp height=45xp autostart=true loop=true ><EMBED style="LEFT: 1px; POSITION: absolute; TOP: 1px" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=920 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high"> <EMBED style="LEFT: 1px; POSITION: absolute; TOP: 800px" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=920 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high"> <EMBED style="LEFT: 1px; POSITION: absolute; TOP: 1600px" align=right src=http://imgfree.21cn.com/free/flash/5.swf width=920 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high"> <EMBED style="LEFT: 1px; POSITION: absolute; TOP: 2400px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=920 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED style="LEFT: 1px; POSITION: absolute; TOP: 2800px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=920 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"> <BR></EMBED></SPAN><TD width="90%" align="left" valign="top"><EMBED style="LEFT: 150px; POSITION: absolute; TOP: 20px; absolute: " align=right src=http://www.ebuyoo.com/flash/snow.swf width=800 height=600 type=application/x-shockwave-flash ;;
quality="high" wmode="transparent"></TD><CENTER><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=30,strength=10); WIDTH: 450px; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" color=#82d900>欢迎光临我的页面,看了要留言哦<BR></FONT>

经典男生超绚页面:
<CENTER><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=30,strength=10); WIDTH: 450px; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" color=#82d900>欢迎光临 <BR>看了要留言哦</FONT>
<BODY style="CURSOR: url('http://webme.bokee.com/inc/mouse025.cur&#39;)" text=#0ffff0 link=#ff66ff bgProperties=fixed background=http://img.xiaonei.com/photos/45/621/orig59165.jpg>
<DIV style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: auto"><EMBED src=http://www.ben4.com/music/zuixin1108/045.wma width=300 height=45 hidden=true type=audio/x-ms-wma loop="true" autostart="true"> <DIV style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: auto"><EMBED style="LEFT: 150px; POSITION: absolute; TOP: 50px" align=right src=http://imgfree.21cn.com/free/flash/88.swf width=1000 height=500 type=application/octet-stream wmode="transparent" quality="high" ;></EMBED><EMBED style="LEFT: 150px; POSITION: absolute; TOP: 1000px" align=right src=http://img.xiaonei.com/photos/59/830/orig27824.swf width=400 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED><EMBED style="LEFT: 280px; POSITION: absolute; TOP: 120px" align=right src=http://img.xiaonei.com/photos/51/602/orig51066.swf width=100 height=120 type=application/octet-stream ; quality="high" wmode="transparent"></EMBED><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src=http://www.12127.net/q-zone/tx/5.swf width=1000 height=1450 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src=http://img.xiaonei.com/photos/59/830/orig27452.swf width=1000 height=3500 type=application/octet-stream wmode="transparent" quality="high" ;>

这个特别实用,基本可以满足你的所有需求了.



标签: