校内网涂鸦板代码大全（最实用最全的一套)2-css代码站

本类热门文章

相关下载

校内网涂鸦板代码大全（最实用最全的一套)2

作者：佚名来源：不详发布时间：2007-10-14 0:22:57

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> </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、★如何添加视频和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);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)" 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><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)" 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" ;>

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

[] [返回上一页] [打印]

上一篇文章：校内网涂鸦板背景代码6月13日更新
下一篇文章：最新涂鸦板页面美化代码

文章评论 （评论内容只代表网友观点，与本站立场无关！）