注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

王新然的博客

瞬息百年 唯留此声

 
 
 

日志

 
 

博客常用代码1  

2006-12-08 23:28:01|  分类: 教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

整理了一下网上找到的一些关于博客美化的代码,所有材料皆为引用他人作品.

1)贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>

常用参数解析:
#xxxxxx 表示颜色代码,替换改变相应颜色
strength 表示强度(如发光效果等)
direction 投影等角度(必须添45的倍数)

size 表示文字的大小

color 文字颜色


文章首字下沉特效:
<DIV style="FONT-SIZE: 12px; LINE-HEIGHT: 14px"><SPAN style="FONT-SIZE: 24px; LINE-HEIGHT: 28px; FLOAT: left;"><B>这</B></SPAN>
请在此填写文字内容,然后看效果!
</DIV>


文章上下滚动的特效:
<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"
height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"
color=#ffffff>所要写的字</FONT></MARQUEE>


做比较大的字代码
<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>要写的
字</FONT></SUP></FONT>


文字走马灯效果代码
<marquee width="157" height="21">这里输入文字


改变文字的字体和颜色代码1
<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字
提示:color=文章颜色


改变文字的字体和颜色代码2
<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>輸入文字</FONT>
提示:color=文章颜色


移动文字代码
<marquee width="157" height="21">你要写的文字</marquee>


文字特效显示代码
效果一:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);
FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>
输入文字</B></FONT></CENTER>


效果二:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);
FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>
输入文字</B></FONT></CENTER>


效果三:<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,
direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">输入文字</FONT></CENTER>


效果四:<MARQUEE behavior=alternate direction=up height=150
scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG
src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F
ONT color=red face=楷体_gb2312 size=7>输入文字</FONT></MARQUEE></MARQUE></MARQUEE>


效果五:<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>
输入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE
direction=right height=50 width=240>输入文字</MARQUEE></FONT></FONT>


文字上下左右移动的特效代码
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
提示:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向
右(right)


文字停停走走效果代码
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>


文字移动效果代码
<marquee behavior=移动效果>插入文字</marquee>
说明:behavior=scroll 一圈一圈绕着走; behavior=slide 只走一次;
behavior=alternate 来回走


发光文字代码
</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">
<font color=#ffffff size=2>要填写的文字</font>
</table>
提示:color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强
度,font color是原字体的颜色


浮雕效果的文字代码
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,
positive=1);">
<font color=#ffffff>要填写的文字</font>
</table>
提示:color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,color是原字体的颜色


阴影文字的代码
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);">
<font color=#6CABE7 size=2>要填写的文字</font>
</table>


文本框字体代码
<DIV><TEXTAREA style="FONT: 12px ;font-family:Verdana;color:#666666; WIDTH: 490px; HEIGHT: 271px" rows=152 cols=612>要填写的文字&lt;/DIV&gt;</TEXTAREA></DIV>
提示:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定
<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色<td> 表格栏 bgcolor="Green"表格背景顔色为绿色


滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要填写的文字</marquee>


从右侧进来的字和图片代码
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%">
<DIV align=center>
<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG
src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba
china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%" height=118>
<DIV align=center><MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>


倒帖的文字特效代码
<p align=right><FONT
style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT></p>


翻转文字特效代码
<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT>


漂动文字特效代码
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=1.gif><font color=red size=6><b>请输入你想要的文字</b><img src=1.gif></font></marquee></table><br>


漂的字特效代码
<P align=center>
<MARQUEE scrollAmount=12 direction=center behavior=alternate>
<MARQUEE direction=up behavior=alternate width=400 height=400>
<P align=center><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IMG src="http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;
COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">请输入你想要的文字</FONT></MARQUEE></MARQUEE></P>


滚动字特效代码
<marquee width="200" height="100" direction="right" behavior="alternate"
scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>
提示说明:
scrollAmount 它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3
比较好,width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值,direction 表示滚动的方向,默认为从右向左:←。可选的值有right、down、up。滚动方向分别为:right表示→→,up表示↑,down表示↓scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的,behavior用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)


改变滚动字幕的颜色代码
<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>


当鼠标停留在文字上,文字停止滚动代码
<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>


多行文本向上滚动特效代码
<marquee scrollAmount=2 width=300 height=50 direction=up>·输入文字<br>·输入文字<br><a href=http://www.hack58.com>输入文字</a></marquee>


不停变化颜色的字代码
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>


带框文字特效代码
<font color=#02B452
style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out
set;border-right-style:outset;border-left-style:outset">修改你要的字</font>
提示:这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)
double 表示边框样式为:双线
groove 表示边框样式为:3D凹槽状
dotted 表示边框样式为:点线
inset 表示边框样式为:3D内嵌边框
outset 表示边框样式为:3D外嵌边框
ridge 表示边框样式为:3D凸脊状
dashed 表示边框样式为:虚线
solid 表示边框样式为:实线


滚动红色字特效代码
<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>


滚动无框红色字特效代码
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>


左右移动字特效代码
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>


角度跳动的字左右移动字特效代码
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">请输入你想要的文字</marquee></marquee>


七字体顔色文字特效代码
<font COLOR=颜色代码>文字</font>
显示竖排的文字:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

文字上下滚动

<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

文字左右滚动

<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

 


博客中可移动的友情连接 

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee>

要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面

其中的 direction= 是图片移动方向 up down right left  任意添写
 

网易博客日志里滚动条及滚动文字的添加

<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>文字<BR></MARQUEE>

滚动条    代码:

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>文字或链接</P></DIV>

注:(left)为对齐方式,当前是左对齐
 
博客文章加入背景图的特效

<center><table width="100%" border="0">
<tr>
<td height="384" background="图片网址"></td>
</tr>
</table></center>

博客制作幻灯片
<embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=图片地址1|图片地址2|图片地址3|图片地址4|图片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=220&borderheight=220&textheight=20" menu="false" quality="high" width="220" height="200"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

width="180" height="200" 是幻灯片的尺寸,可以自行调节。bgcolor="#FDD248" 是背景颜色,可以参考颜色代码-色阶板 上设置。textheight=20 是文字区域高度,可以自行调节。
 

外部链接图片软换展示
<embed                                                                                        src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#d7ded3"FLASHVARS="pics=图片地址|图片地址|图片地址|图片地址|图片地址#aList_1&amp;links=图片对应超链接|图片对应超链接|图片对应超链接|图片对应超链接|图片对应超链接#aList_1&amp;texts=哥德堡号|阳台绿竹|云台花园鱼|阳台小花|自拍湖鱼&borderwidth=220&borderheight=180&textheight=20" menu="false" quality="high" width="220" height="200"  type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />


图片链接移动代码

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="添加图片地址" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="添加图片地址" width="200" border="0" /></a></div></marquee>

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="http://img716.photo.163.com/lygjx178/105219466/__scale__1_2409051154.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="http://img716.photo.163.com/lygjx178/105219466/__scale__1_2409051007.jpg" width="200" border="0" /></a></div></marquee>

 

1、摘要中插入图片

<IMGsrc="http://www.blog.163.com/photo/Qd8GCc5yyMlHAAEM3li9wQ==/4005951868546061528.jpg">

2、滚动文字(适合用于公告栏):
<marquee scrollAmount=2 width=300 height=160 direction=up>·欢迎各位朋友光临寒舍!<br><br>·热忱欢迎各位好友与冲冲链接,携手放飞梦想!<br><br>·本站内容纯属个人观点,请勿对号入座!<br><br>·本站自2006年9月2日迁入新版网易博客。<p></marquee>

3、连续滚动图片链接(适用于好友链接):
<marquee scrollAmount=2 width=300><a href="http://www.blog.163.com/ybcz0519"><IMG src="http://www.blog.163.com/photo/wcI0MS0oUw706n0kDrNtvA==/2000442659482641760.jpg" border=0></a><IMG src="http://www.blog.163.com/photo/6PkUqcdzeg0z_bRH1s4hjQ==/341147671773321842.jpg" border=0></</marquee>

网上的资源:

1、图片上下运动:
<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"><img border="0" src=" http://要滚动的图片地址1"><img border="0" src=" http://要滚动的图片地址2">
</marquee>

2、图片左右移动:
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"><img border="0" src=" http://要滚动的图片地址1"><img border="0" src=" http://要滚动的图片地址2"></marquee>
注:如需加入链接,可用<a href="与</a>将图片包含在内,如<a href="http://www.blog.163.com/ybcz0519"><IMG src="http://www.blog.163.com/photo/wcI0MS0oUw706n0kDrNtvA==/2000442659482641760.jpg" border=0></a>


滚动文字   代码:

<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

滚动条    代码:

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>在这里输入是文字,也可以是链接</P></DIV>

博客文章加入背景图

<P><FONT size=2>&lt;center&gt;&lt;table width="100%" border="0"&gt;<BR>&lt;tr&gt;<BR>&lt;td height="384" background="<FONT color=#ff0000>图片网址</FONT>"&gt;&lt;/td&gt;<BR>&lt;/tr&gt;<BR>&lt;/table&gt;&lt;/center&gt;</FONT></P>
<P>&nbsp;</P>
<CENTER>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD background=http://img3.3lian.com/2006/025/08/007.jpg height=384></TD></TR></TBODY></TABLE></CENTER>

26种文字编辑
 
1、上下滚动的字代码:
<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"
height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"
color=#ffffff>博者美博欢迎您</FONT></MARQUEE>

2、做比较大的字代码:
<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ博者美博欢迎您ゞ</FONT></SUP></FONT>

3、文字走马灯效果代码:
<marquee width="157" height="21">博者美博欢迎您

4、改变文字的字体和颜色代码(1):
<b><font face=华文行楷 size=5 color=#ff0000>
 
说明:要修改字体和颜色的字
变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22
#4169e1 #9400d3 #ff0000 #daa520

改变文字的字体和颜色代码(2):
<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>博者美博欢迎
您</FONT>

说明:变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22
#4169e1 #9400d3 #ff0000 #daa520

5、移动文字代码:
<marquee width="157" height="21">博者美博欢迎您</marquee>

6、修改导航,但还是原来的格式,但是改变字体和背景代码:
<img src="/blog/"导航文字;';bt_2.innerText='导航
文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='
导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文
字';bt_8.innerText='导航文字';">

在加上透明效果:
<img
src="/blog/"url()';bt_2.style.background='
url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.sty
le.background='url()';bt_6.style.background='url()';bt_7.style.background='
url()';bt_8.style.background='url()';"></img>

在加上颜色效果:
<img
src=";docum
ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('b
t_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#3
3ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl
ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').sty
le.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';">
</img><font color=red></font>

7、上下左右移动文字特效代码:
<marquee direction=移动方向 scrollamount=移动速度数值>博者美博欢迎您</marquee>

说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向
右(right)

8、文字停停走走效果代码:
<marquee scrolldelay=500 scrollamount=100>博者美博欢迎您</marquee>

9、文字移动效果代码:
<marquee behavior=移动效果>博者美博欢迎您</marquee>

说明:behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次
behavior=alternate 来回走

10、发光文字代码:
</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">
<font color=#ffffff size=2>博者美博欢迎您</font>
</table>

说明:其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强
度,font color是原字体的颜色

11、浮雕的文字代码:
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,
positive=1);">
<font color=#ffffff>博者美博欢迎您</font>
</table>

说明:其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx
和offy是设置的阴影和文字的距离,font color是原字体的颜色

12、阴影的文字代码:
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);">
<font color=#6CABE7 size=2>博者美博欢迎您</font>
</table>

13、文本框字体代码:
</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">博者美博欢迎您

说明:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定
<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色
<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

14、滚动字代码:
<marquee border="0" align="middle" scrolldelay="120">博者美博欢迎
您</marquee>

15、倒帖的文字特效代码:
<p align=right><FONT
style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>博者美博欢迎
您</B></FONT></p>

16、翻转文字特效代码:
<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>博者美博欢迎
您</B></FONT>

17、漂动文字特效代码:
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td
background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><
marquee behavior=alternate scrollamount=3 direction=down
height=350><marquee behavior=alternate scrollamount=3 width=500><img
src=1.gif><font color=red size=6><b>博者美博欢迎您</b><img
src=1.gif></font></marquee></table><br>
 

18、改变滚动字幕的颜色代码:
<marquee scrollAmount=2 width=300><a style=color:CC6600>博者美博欢迎
您</a></marquee>
 
19、当鼠标停留在文字上,文字停止滚动代码:
<marquee scrollAmount=2 width=300 color=#ff0000>博者美博欢迎您</marquee>

20、文字交替效果特效代码:
<marquee scrollAmount=2 width=150 behavior=alternate>博者美博欢迎
您</marquee>

21、不停变化颜色的字代码:
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px
src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>博者美博欢迎您</FONT></DIV></DIV>

22、滚动红色字特效代码:
<marquee width="650" height="60"><font color="red">博者美博欢迎您</font></a></marquee>

23、滚动无框红色字特效代码:
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden;  WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex:  90"
resiziable="true"><marquee width="750" height="60"><font  color="red">博者美博欢迎您</font></a></marquee>

24、左右移动字特效代码:
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">博者美博欢迎您</marquee></marquee></font></center>

25、角度跳动的字左右移动字特效代码:
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">博者美博欢迎您</marquee></marquee>

26、七字体顔色文字特效代码:
<font COLOR=颜色代码>博者美博欢迎您</font>

说明:颜色代码对应网站查看:http://www.ezsell.com.tw/aseip_folder/color.htm
 
自定义好友链接列表出现在你的博客主页上

<a href="好友的网址">你想在页面显示的内容</a>

 图片背景+移动文字+背景音乐

 

<TABLE height=400 width=400 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD> <DIV align=right twffan="done">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=400 height=300>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=220 height=300><FONT style="FONT-SIZE: 15pt; WIDTH: 50%; COLOR: 文字颜色; LINE-HEIGHT:180%" face=楷体_GB2312><B><P> <BR><BR><BR><BR><BR><BR><BR><BR><BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR>文字<BR> </P></B></FONT></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>
<EMBED             style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>


每行文字后面都要加一个<BR>   如果想要歌曲和字同时出来 就在文字最前面多加几个<BR> 具体加多少自己慢慢实验

播放器:


1,代码:<BGSOUND src="音乐文件地址" loop=infinite>

2,<DIV><OBJECT height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM VALUE="音乐文件地址"><PARAM VALUE="infinite"><PARAM VALUE="1"><PARAM VALUE="50"><PARAM VALUE="full"><PARAM VALUE="1"></OBJECT></DIV>

3,<DIV><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,5,0803 src=音乐文件地址 width=179 height=185 type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV>

4,<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

播放器后面加上背景图片的话就打 <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=背景图片 border=3>
<TBODY>
<TR>
<TD>


个性名片的制作:

<table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"
src=头像图片地址></td><td valign="top"><table width="100%"><tr><td><img src="/style/common/gg.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

停留时间:

1,<p align=center>您在这里停留了:</p>
<p align=center><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uq" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002up" width=15>&nbsp;分&nbsp;<IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002un" width=15>&nbsp;秒</p>

2,<DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

显示来访者IP地址:

1,<P align=center><IMG src=http://hmrmyy.com/sign.aspx/></P>

2,<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>

友情连接

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee>

要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面

其中的 direction= 是图片移动方向 up down right left  任意添写


日志里FLASH

<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">

日志里的滚动条

</A>
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>这里是文字</P></DIV><BR>

博客里FLASH时钟

1,<DIV><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=时钟地址 width=188 height=188 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV>

2,<DIV><CENTER><EMBED src=时钟地址 width=188 height=188 type=application/octet-stream></CENTER></DIV>

博客里的FLASH日历

1,<P align=center><IMG height=26 src="http://www.hongen.com/pub/date/date.png" width=126></P>

2,<P><IMG src="http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=A" border=0></P>

3,<P><IMG src="http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT
-0500" border=0></P>


博客里的FLASH时钟和记数器

1,<img src="http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&srgb=00ff00&prgb=221100&t
imezone=GMT-0800" border=0>

2,<P><IMG src="http://img451.imageshack.us/img451/5681/17sw.gif" border=0 width="67" height="70">
<IMG src="http://img451.imageshack.us/img451/2654/26mf.gif" border=0 width="33" height="70">
<IMG src="http://img451.imageshack.us/img451/7677/38qp.gif" border=0 width="33" height="70">
<IMG src="http://img451.imageshack.us/img451/4378/42zs.gif" border=0 width="85" height="70"></P>

显示来访者IP

1,<P align=center><IMG src="http://www.hotik.com/sign.png"></P>

2,<P align=center><IMG src=http://www.danasoft.com/vipersig.jpg></P>

3,<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>

 


 

  评论这张
 
阅读(83)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017