首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心校内网非主流 → 文章内容
本类热门文章
相关下载
 
5Q校内网涂鸦板代码使用技巧大全
作者:佚名  来源:不详  发布时间:2007-10-14 1:05:39

减小字体 增大字体

代码都是写在涂鸦板那里,注意保持代码连续,特别不要空行,最好代码之间只是留一个空格的间隔。如果是新手,为了自己学习方便,也不妨把不同的功能之间空开来,以便更换代码。 

字串7

1.添加背景图片代码: 

字串6

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

2.背景图片占满整个页面而不是拼接而成的方法  字串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


3.添加普通图片,该图片显示在涂鸦面板代码 

字串6


<IMG alt=附图 SRC="图片链接地址 ">  字串3

4.添加的图片可以做透明化处理,效果很梦幻: 

字串3

使透明的代码就是在原来文件代码的前面加上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>  字串4

5.如何加音乐 

字串1


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


6. 主题:如何通过修改涂鸦版往页面上面加flash  字串6


<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" ;>  字串3


7.如何改变鼠标样式,独特的鼠标样式显示你独特的个性  字串3


<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>  字串6


8.主题:如何添加连接,把自己的主页空间或者博客向大家推荐 

字串3


<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


9.改变链接字体和颜色 

字串5


<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以后,出现的默认字体(你后装进去的字体,别人是看不到的)都可以放入 

字串5

FONT-WEIGHT: bolder 是加粗显示,可以替换的是normal,cite,等等 
值得注意的是,如果你在前几项中没有设置FONT-WEIGHT: bolder,只在body中有这样的设置,系统将其他几项都默认为FONT-WEIGHT: bolder,想要还原,用FONT-WEIGHT: normal就可以 

字串8


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

<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  字串9


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

字串8

用如下语句 
<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:前后、上下的空行。 

字串4


根据自己的喜欢,设定不同的参数,就有不同的效果 
字串4

滚动字的颜色和大小能修改 
在 <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 /> 

字串5


12、如何实现视频音乐的连续播放 字串1


一.打开记事本[Notepad傻]程序(右键-新建-文本文档) 
二.将下列代码复制进去 
<ASX version ="3.0"> 
<Entry> 
<Ref href = "你的视频音频地址1"/> 
</Entry> 
<Entry> 
<Ref href = "你的视频音频地址2"/> 
</Entry> 
<Entry> 
<Ref href = "你的视频音频地址3"/> 
</Entry>  字串4

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

字串7

</ASX> 

字串4

三.将你选的音乐视频地址替换掉上面的地址,保存文件(注意保存前去掉“以下。。。”那句说明),将文件名改为音乐.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 

字串7


http://img.xiaonei.com/photos/43/864/orig30792.wmv 
http://img.xiaonei.com/photos/43/864/orig30865.wmv 
六.保存,回到页面欣赏吧。 
字串4


13.精确定位自己的图片  字串1


精确定位自己再涂鸦版加的图片到页面的任何地方,主要思想就是利用<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,用于控制显示的大小。 

字串1

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

字串7

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

字串1

</songs> 

字串3

注释,几首歌曲都可以,用同样的语句就可以了 
三.将你选的音乐视频地址替换掉上面的地址,要显示中文列表,这样保存:选文件——另存为——编码选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" /> 

字串7

(地址部分应该加入你在上一步复制的地址) 
进入页面的时候没有声音,不能自动播放,下拉播放菜单不是自动弹出,这些设置要在每次进页面的时候靠手动解决 
七.保存,慢慢欣赏吧。 

字串3


注意:这个播放器是mp3 播放器,目前只能播放mp3格式的文件,wmv,wma格式都不行。 
播放歌曲的时候如果比特率太低会出现加速的现象,是音乐的问题,用windows media player播放不会出问题是因为windows media player功能很强大,能够自动适应你选的歌曲,NB播放器就不行了。asx的默认播放器也是windows media player,所以也不会出问题。你要想用NB播放器还得把音乐改了  字串4


15.让留言版变宽  字串7

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


16.懒人技巧,查看别人的源代码。 字串7

浏览器那里选择查看->源文件就会用记事本打开源文件了,里面对于我们有用的部分是涂鸦板和加入的群之间的部分代码,可以有记事本的编辑->查找,输入“涂鸦板”快速找到代码所在的区域,分析代码还是要花些心思的,主要就是找到背景和falsh的就行了,不过页面还是自己设计下体现自己的个性比较好。 不要出来都是一片星光闪烁,逛多少个页面都是一种风格。我也不喜欢那些花里胡哨的页面。 字串5

<Script type=text/javascript><--google_ad_client = "pub-0736051628755091";google_ad_width = 468;google_ad_height = 60;google_ad_format = "468x60_as_rimg";google_cpa_choice = "CAAQtYKvjAIaCK6qb1LPHLE3KIvN93M";google_ad_channel = "";//--></Script><Script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type=text/javascript></Script>

[] [返回上一页] [打 印]
文章评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆