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> <!-- 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="#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('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></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')" 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" ;>