如果你是懂html语言的,那么下面的东西,你就不用看了。所有代码我已经自己经过了调试,全部可用。
【1】 Flash代码
将网上的FLASH应用到博客,如果要插入普通Flash,则用第1条代码; 如果要插入透明Flash,则用第2条。
<embed src="http://你的Flash地址" width=330 height=280>
<embed src="http://你的透明Flash地址" wmode=transparent style="position: absolute" width=330 height=280>
这里的width=330 height=280 表示宽度和高度,下同。
【2】背景音乐代码
代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址
显示播放器:
<EMBED SRC=http://你的音乐地址>
不显示播放器:
<EMBED autostart="true" SRC=http://你的音乐地址 width="0" height="0" loop="999">
贴rm,ra,ram类型的音乐,代码如下:
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://音樂源地址">
播放.Avi.Mpg格式的音樂:
<embed src="http://音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>
播放.Mp3.Mov格式的音樂:
<embed controller="true" width="200" height="20" src="http://音樂源地址" border="0">
贴midi,asf,wma,asx类型的音乐 ,代码如下:
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="音樂源地址">
【3】视频MTV代码
代码中的视频文件地址就是网上以.rm/.wmv结尾的网址
<embed SRC=http://视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=210 WIDTH=290 AUTOSTART=true loop=true>
height=210 width=290 表示播放器大小
autostart=false 表示是否自动播放 false 否 ture 是
loop=false 表示是否重复播放 false 否 ture 是
【4】电台代码
代码中的电台地址就是网上以.asp结尾的网址
<embed SRC=http://电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>
【5】修改文字的字体/颜色/大小
只修改字的颜色:
<font color=#ff0000>要修改字体和颜色的字</font>
color用来设置文字的颜色。
好看的字体颜色有:#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff #ccccff #cc99ff #993399
只修改字的大小:
<font size=5>要修改字体和颜色的字</font>
size用来设置文字的大小。
数字的取值范围从1-7,size取1时最小,取7时最大。
只修改字的字体:
<font face=华文行楷>要修改字体和颜色的字</font>
face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。
同时修改字的字体,大小,颜色:
<font face=华文行楷 size=5 color=#ff0000>要修改的文字</font>
其中,<font size=数字 face=字体名 color=颜色>要修改的文字</font>
【6】艺术字代码
发光文字代码:
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>
其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。
浮雕的文字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>
其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。
阴影的文字:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>
【7】插入表格
<table border="2" width="340" bordercolor="#0000FF" bgcolor="#COCOCO"><tr><td width="100%"><p align="center"></td></tr></table>
border:边框大小,0为不显示边框
bordercolor:边框颜色
bgcolor:表格背景颜色
tr:添加行
td:添加列
【8】插入超链接
请注意:如果该链接为恶意链接的话,腾讯会自动屏蔽,请大家不要乱用
<a href="http://你要链接的地址" target="_blank">文字说明</a>
【9】空间友情连接拉链连接代码
<select name='FriendSite' onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options[this.selectedIndex].value,'_blank');}" size="1" style="border-style: dashed; border- 1px"><option value=''>文字友情链接</option><option value="站点地址1">站点名1</option><option value="站点地址2">站点名2</option></select>
关键代码,一直增加以下内容就可以了。
<option value="站点地址">站点名</option>
效果:文字友情链接碧云轩-QQ家园QQ下载QQ表情
【10】滚动字代码
1.建立第一个滚动字幕。代码:
<marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">碧云轩-QQ家园</marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=鹿泉论坛>和</a>就可以了。代码是:
<marquee scrollAmount=2 width=300><a href=http://qqjia.com>鹿泉论坛</a></marquee>
效果:
鹿泉论坛
b)当鼠标停留在文字上,文字停止滚动代码:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>鹿泉论坛</marquee>
效果:
鹿泉论坛
c)交替效果。代码如:
<marquee scrollAmount=2 width=150 behavior=alternate>鹿泉论坛</marquee>
效果:
鹿泉论坛
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=50 direction=up>·早晨好啊!<br>·空气好清新啊<br><a href=http://qqjia.com>鹿泉论坛</a></marquee>
效果:
·早晨好啊!
·空气好清新啊
鹿泉论坛
e)改变滚动字幕的颜色?可以用样式表来控制。代码是:
<marquee scrollAmount=2 width=300><a style=color:CC6600>鹿泉论坛</a></marquee>
效果:
鹿泉论坛
【11】 添加天气预报
添加天气预报像添加其他效果一样简单,就是一段简单的代码,
程序和添加其他的完全一样
新建空白面版,点击显示代码,插入以下代码即可。
<IFRAME src=" http://weather.qq.com/inc/ss125.htm"
frameBorder=0 width=200 scrolling=no
height=240></IFRAME>
【12】 添加钟表
新建立一空白公告栏或者空白面板,作为放钟表的地方。
和插入FLASH代码一样,把以下代码插入空白面板中(切换到“显示源代码”状态,把以下代码插入<DIV></DIV>之间)。同样,把标明红色的链接地址换成我下面介绍的钟表地址(点开以下每个链接地址,地址栏中重新显示的地址才是)就可以了。
<EMBED style="WIDTH: 200px; HEIGHT: 150px" pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://51888.com.ru/flash/clock/34.swf width=188 type=application/x-shockwave-flash quality="high">
红色的地方就是你钟表的连接地址。
http://lizi50.dnsmy.com/shizhongku/Clock5.swf
http://lizi50.dnsmy.com/shizhongku/Clock8.swf
http://lizi50.dnsmy.com/shizhongku/Clock92.swf
网址最后面的数字5,可以调到100多,也就是说100多种风格,自己去选择喜欢的吧,选好了,把网址复制进代码里就OK了。
【13】添加首页导航栏相片
对于还有其他更简单的方式我就不清楚了,虽然我不是学习网页制作的,但我是在Dreamweaver里面找到了代码,其实也很简单。下面是两个代码,第一个是不带超级联接的,第二个是带超级连接的,就是点击相片可以到代你指定的网址。个人首页维护,空白面板编辑,新增,起一个名字,显示代码,复制<body><img src="你的相片地址" width="180" height="260"></body>带连接,步骤同上。
<body><a href="指定连接地址"><img src="相片地址 " width="180" height="270" border="0"></a></body>设置完了,别忘记在定制我的首页里面添加和移动到你满意的位置。
width = 是指宽度,180正合适。
height =是高度,这个根据你的相片自己处理而定。
【14】 添加特效鼠标效果
1、建立空白面板或在已建立的新面板上(如:背景音乐、滚动图片等),
加进去即可,建议用第二种,因为前一种还要在空白面板上打字,比较麻烦。
2、输入下列代码:
<STYLE type=text/css>
a:hover {cursor:url('http://bbs.lqcn.cn)}
BODY {cursor:url('http://bbs.lqcn.cn')</STYLE>
第一个连接为:链接状态的鼠标地址.
第二个连接为:查看文本状态的鼠标地址.
3、'http://bbs.lqcn.cn'是你存放鼠标指针的网络地址。
4、点击这里http://myok.bokee.com/2081936.html有很多鼠标样式,可以直接复制网址。
【15】添加公告栏滚动效果
其实很简单,到个人首页维护里,编辑我的公告栏,点显示代码。
把以下代码放入:<DIV></DIV> 放在这个之间。
<MARQUEE style="WIDTH: 218px; HEIGHT: 86px" scrollAmount=1 scrollDelay=77 direction=up width=218 height=86 onmouseout="this.start()" >各位博友大家好 <BR>欢迎来到本博客 <BR>如有问题请直接给我留言 <BR>我会尽力给大家一一解答</MARQUEE>
当然里面的字是可以随意修改的,新起一行必须加上<BR>,大家可以直接复制过去使用,然后修改里面的文字就是了。
【16】.添加文章中相片
1.
其实很简单,不过新朋友可能找起来比较难。在发表文章的文字编辑区的最下面的左侧有个:图片剪切板
(点击标题栏打开)。然后点一下,出来浏览的字样,点一下,在自己电脑上找到图片的位置,把想发的图片都点了以后,点发表文章就可以了。你可以预览一下,可以调整代码的位置,调整代码,同时就是调整相片。
【17】添加flash背景效果
这个特效如我博客所示:不断有大片小片叶子从顶端落下。
做法如下(只适用于新浪博客): 建立空白面板
在“显示源代码”状态下,把如下代码加入<DIV></DIV>中间。
<TABLE cellSpacing=0 cellPadding=6 width="100%" align=center border=0>
<TBODY>
<TR>
<TD>
<BLOCKQUOTE></BLOCKQUOTE>
<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/131.swf width=700 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
<TR></TR></TBODY></TABLE>
把面板随便插入页面框架左(右)的任何地方。把喜欢的透明特效地址换到上面红色地址处。
【1】 Flash代码
将网上的FLASH应用到博客,如果要插入普通Flash,则用第1条代码; 如果要插入透明Flash,则用第2条。
<embed src="http://你的Flash地址" width=330 height=280>
<embed src="http://你的透明Flash地址" wmode=transparent style="position: absolute" width=330 height=280>
这里的width=330 height=280 表示宽度和高度,下同。
【2】背景音乐代码
代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址
显示播放器:
<EMBED SRC=http://你的音乐地址>
不显示播放器:
<EMBED autostart="true" SRC=http://你的音乐地址 width="0" height="0" loop="999">
贴rm,ra,ram类型的音乐,代码如下:
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://音樂源地址">
播放.Avi.Mpg格式的音樂:
<embed src="http://音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>
播放.Mp3.Mov格式的音樂:
<embed controller="true" width="200" height="20" src="http://音樂源地址" border="0">
贴midi,asf,wma,asx类型的音乐 ,代码如下:
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="音樂源地址">
【3】视频MTV代码
代码中的视频文件地址就是网上以.rm/.wmv结尾的网址
<embed SRC=http://视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=210 WIDTH=290 AUTOSTART=true loop=true>
height=210 width=290 表示播放器大小
autostart=false 表示是否自动播放 false 否 ture 是
loop=false 表示是否重复播放 false 否 ture 是
【4】电台代码
代码中的电台地址就是网上以.asp结尾的网址
<embed SRC=http://电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>
【5】修改文字的字体/颜色/大小
只修改字的颜色:
<font color=#ff0000>要修改字体和颜色的字</font>
color用来设置文字的颜色。
好看的字体颜色有:#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff #ccccff #cc99ff #993399
只修改字的大小:
<font size=5>要修改字体和颜色的字</font>
size用来设置文字的大小。
数字的取值范围从1-7,size取1时最小,取7时最大。
只修改字的字体:
<font face=华文行楷>要修改字体和颜色的字</font>
face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。
同时修改字的字体,大小,颜色:
<font face=华文行楷 size=5 color=#ff0000>要修改的文字</font>
其中,<font size=数字 face=字体名 color=颜色>要修改的文字</font>
【6】艺术字代码
发光文字代码:
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>
其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。
浮雕的文字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>
其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。
阴影的文字:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>
【7】插入表格
<table border="2" width="340" bordercolor="#0000FF" bgcolor="#COCOCO"><tr><td width="100%"><p align="center"></td></tr></table>
border:边框大小,0为不显示边框
bordercolor:边框颜色
bgcolor:表格背景颜色
tr:添加行
td:添加列
【8】插入超链接
请注意:如果该链接为恶意链接的话,腾讯会自动屏蔽,请大家不要乱用
<a href="http://你要链接的地址" target="_blank">文字说明</a>
【9】空间友情连接拉链连接代码
<select name='FriendSite' onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options[this.selectedIndex].value,'_blank');}" size="1" style="border-style: dashed; border- 1px"><option value=''>文字友情链接</option><option value="站点地址1">站点名1</option><option value="站点地址2">站点名2</option></select>
关键代码,一直增加以下内容就可以了。
<option value="站点地址">站点名</option>
效果:文字友情链接碧云轩-QQ家园QQ下载QQ表情
【10】滚动字代码
1.建立第一个滚动字幕。代码:
<marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">碧云轩-QQ家园</marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=鹿泉论坛>和</a>就可以了。代码是:
<marquee scrollAmount=2 width=300><a href=http://qqjia.com>鹿泉论坛</a></marquee>
效果:
鹿泉论坛
b)当鼠标停留在文字上,文字停止滚动代码:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>鹿泉论坛</marquee>
效果:
鹿泉论坛
c)交替效果。代码如:
<marquee scrollAmount=2 width=150 behavior=alternate>鹿泉论坛</marquee>
效果:
鹿泉论坛
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=50 direction=up>·早晨好啊!<br>·空气好清新啊<br><a href=http://qqjia.com>鹿泉论坛</a></marquee>
效果:
·早晨好啊!
·空气好清新啊
鹿泉论坛
e)改变滚动字幕的颜色?可以用样式表来控制。代码是:
<marquee scrollAmount=2 width=300><a style=color:CC6600>鹿泉论坛</a></marquee>
效果:
鹿泉论坛
【11】
添加天气预报像添加其他效果一样简单,就是一段简单的代码,
程序和添加其他的完全一样
新建空白面版,点击显示代码,插入以下代码即可。
<IFRAME src="
【12】
新建立一空白公告栏或者空白面板,作为放钟表的地方。
和插入FLASH代码一样,把以下代码插入空白面板中(切换到“显示源代码”状态,把以下代码插入<DIV></DIV>之间)。同样,把标明红色的链接地址换成我下面介绍的钟表地址(点开以下每个链接地址,地址栏中重新显示的地址才是)就可以了。
<EMBED style="WIDTH: 200px; HEIGHT: 150px" pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://51888.com.ru/flash/clock/34.swf width=188 type=application/x-shockwave-flash quality="high">
红色的地方就是你钟表的连接地址。
http://lizi50.dnsmy.com/shizhongku/Clock8.swf
http://lizi50.dnsmy.com/shizhongku/Clock92.swf
网址最后面的数字5,可以调到100多,也就是说100多种风格,自己去选择喜欢的吧,选好了,把网址复制进代码里就OK了。
【13】添加首页导航栏相片
对于还有其他更简单的方式我就不清楚了,虽然我不是学习网页制作的,但我是在Dreamweaver里面找到了代码,其实也很简单。下面是两个代码,第一个是不带超级联接的,第二个是带超级连接的,就是点击相片可以到代你指定的网址。个人首页维护,空白面板编辑,新增,起一个名字,显示代码,复制<body><img src="你的相片地址" width="180" height="260"></body>带连接,步骤同上。
<body><a href="指定连接地址"><img src="相片地址 " width="180" height="270" border="0"></a></body>设置完了,别忘记在定制我的首页里面添加和移动到你满意的位置。
width = 是指宽度,180正合适。
height =是高度,这个根据你的相片自己处理而定。
【14】 添加特效鼠标效果
1、建立空白面板或在已建立的新面板上(如:背景音乐、滚动图片等),
加进去即可,建议用第二种,因为前一种还要在空白面板上打字,比较麻烦。
2、输入下列代码:
<STYLE type=text/css>
a:hover {cursor:url('http://bbs.lqcn.cn)}
BODY {cursor:url('http://bbs.lqcn.cn')</STYLE>
第一个连接为:链接状态的鼠标地址.
第二个连接为:查看文本状态的鼠标地址.
3、'http://bbs.lqcn.cn'是你存放鼠标指针的网络地址。
4、点击这里http://myok.bokee.com/2081936.html有很多鼠标样式,可以直接复制网址。
【15】添加公告栏滚动效果
其实很简单,到个人首页维护里,编辑我的公告栏,点显示代码。
把以下代码放入:<DIV></DIV> 放在这个之间。
<MARQUEE style="WIDTH: 218px; HEIGHT: 86px" scrollAmount=1 scrollDelay=77 direction=up width=218 height=86 onmouseout="this.start()" >各位博友大家好 <BR>欢迎来到本博客 <BR>如有问题请直接给我留言 <BR>我会尽力给大家一一解答</MARQUEE>
当然里面的字是可以随意修改的,新起一行必须加上<BR>,大家可以直接复制过去使用,然后修改里面的文字就是了。
【16】.添加文章中相片
1.
【17】添加flash背景效果
这个特效如我博客所示:不断有大片小片叶子从顶端落下。
做法如下(只适用于新浪博客): 建立空白面板
<TABLE cellSpacing=0 cellPadding=6 width="100%" align=center border=0>
<TBODY>
<TR>
<TD>
<BLOCKQUOTE></BLOCKQUOTE>
<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/131.swf width=700 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
<TR></TR></TBODY></TABLE>
把面板随便插入页面框架左(右)的任何地方。把喜欢的透明特效地址换到上面红色地址处。
1. 怎么添加背景音乐和视频?
进入控制面版----首页内容维护----公告栏设置----勾选显示代码(这个是关键)在公告栏编辑区输入以下代码(能正常播放的代码,字体必须为默认字体样式,颜色为黑色,不要擅自添加任何字体特效) <embed src=音乐链接地址 width=0 height=0 type=audio/mpeg loop="true" autostart="false"> 支持的音乐格式: wma mp3 rm ra ram asf mid. width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字.我设的是200和50 autostart="true"为自动播放,autostart="false"为不自动播放. loop="true"为连续循环播放,loop="false"为不循环播放. loop可以等
如何做鼠标特效
进入控制面板,点“首页内容维护”,在“自定义空白面板”中,打开一个已经存在的面版,把下面的代码插入到已经存在的代码后面,这样刷新一下,鼠标就有了!
鼠标代码
<DIV>
<STYLE type=text/css>
a:hover {cursor:url('http://webme.bokee.com/inc/mouse025.cur')}
BODY {cursor:url('http://webme.bokee.com/inc/mouse092.cur')</STYLE>
</DIV>
需要注意的是,最好打开一个已有的面板,钩选显示源代码,把此代码粘贴到后面确定保存就可以了
这里附上鼠标的样式地址,你可以在这里选择你喜欢的鼠标样式
一些网页特效的集锦:
日历代码:
Twins样式的钟表
1、登录博客
2、打开控制面板
3、点开“个人首页维护”里的“定制首页的内容板块”
4、点击“添加模块”
5、在“自定义空白面板”中点开“创建新的空白面板”
6、输入“面板标题”——钟表
7、将“显示源代码”前的方框点一下
8、上面的空白处即出现“<DIV></DIV>”
9、把下面的源码内容完全复制到后面
<EMBED src=http://www.59178.com/Twins/Twins07.swf width=150 height=150
type=application/x-shockwave-flash>
10、点击“保存”
11、在出现的“系统提示信息”框里点“确认”
12、“自定义空白面板”里会出现“钟表”标题,在前面的方框中点一下
13、然后点下方的“选取”
14、点击“保存设置”
15、在出现的“系统提示信息”框里点“确认”
OK!钟表就出来了!