常用的代码
引用
一 场美丽的相遇 的 常用的代码
<A HREF="网页地址" TARGET="_blank"><IMG HEIGHT="88" SRC="图片地址" WIDTH="88" BORDER="0"></A>
说明：
HEIGHT和 WIDTH是图片的高和宽，根据需要自行调整。<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>输入文字</FONT></P>图片移动特效
分类:博客技巧
一、向左移动
<marquee><img src=http://blogdaquan.bokee.com/inc/logo_s.png><br>从右向左移动</marquee>示例：
<marquee><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a><br>从右向左移动</marquee>
二、向右移动
<marquee direction=right><img src=http://blogdaquan.bokee.com/inc/logo_s.png width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>示例：
<marquee direction="right"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a><br><font face="宋体" color="#0000ff" size="3"><strong>从左向右移动</strong></font></marquee>
三、向上移动
<marquee direction=up scrollamount=5 src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30></center></marquee>示例：
<marquee style="WIDTH: 381px; HEIGHT: 31px" direction="up"><center><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a></center></marquee>
四、向下移动
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src=http://blogdaquan.bokee.com/inc/logo_s.png width=90 height=30></marquee>示例：
<marquee scrollamount="5" direction="down"><center> <font face="华文行楷" color="#0000ff" size="5"><strong>向下移动</strong></font><br><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a> </center></marquee>
五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img src=http://blogdaquan.bokee.com/inc/logo_s.png width=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>
示例：<marquee scrollamount="10" behavior="alternate" width="100%"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a><br><font face="华文行楷" color="#0000ff" size="5"><strong>来回移动</strong></font></marquee>
六、上下起伏
<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://blogdaquan.bokee.com/inc/logo_s.png ><img src=http://blogdaquan.bokee.com/inc/logo_s.png ><font color=0000ff size=3 face=华文行楷></b></font></marquee></marquee>示例：
<marquee><marquee direction="up" behavior="alternate" height="100"><p align="center"></p> <p align="center"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a></p> <p align="center"></p> <p align="center"><font face="华文行楷" color="#0000ff" size="3"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a></font></p> </marquee></marquee>
八、中间向两边移动：
<center><br><marquee width=220 height=50><img src=http://blogdaquan.bokee.com/inc/logo_s.png width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src=http://blogdaquan.bokee.com/inc/logo_s.png width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>示例：
<marquee width="220" height="50"><font face="华文彩云" color="#0000ff" size="5"><font color="#000000"></font><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a><br>中间向两边移动</font></marquee><marquee direction="right" width="220" height="50"><font face="华文彩云" color="#0000ff" size="5"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a><br>中间向两边移动<br></font></marquee>
九、中间上下移动：
<marquee direction=up scrollamount=3 src=http://blogdaquan.bokee.com/inc/logo_s.png width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://blogdaquan.bokee.com/inc/logo_s.png " width=90></div></center></marquee>示例：
<marquee scrollamount="3" direction="up"><center> <p align="center"></p> </center></marquee>
<marquee style="WIDTH: 525px; HEIGHT: 200px" scrollamount="3" direction="down"><center> <div style="FILTER: flipv; WIDTH: 400px"> <p align="center"></p> <p align="center"><a href="http://blogdaquan.bokee.com/"><img style="WIDTH: 88px; HEIGHT: 31px" height="120" src="http://blogdaquan.bokee.com/inc/logo_s.png" width="120" pub="" blogteam.bokee.com="" images="" alt=""></a></p> </div> </center></marquee>
十、为日志文字加上背景图片：
代码为：
<TABLE height=600 cellPadding=10 width=500 align=left
background=背景图片地址 border=3 table="0"><TBODY><TR><TD><DIV
align=center><FONT face=楷体 color=#ff82ab
size=4>日志文字</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY公告栏代码
代码：<CENTER>
<TABLE height=134 cellSpacing=1 width=194 background=" http://album.sina.com.cn/pic/583d286e020004uv " border=0>
<TBODY>
<TR>
<TD align=middle width=194 height=134>
<MARQUEE scrollAmount=2 direction=up width=100 height=80>输入你的文字</MARQUEE></TD></TR></TBODY></TABLE></CENTER> 分割线代码最基本的：<hr width=300 size=1 color=#5151A2 align=center noshade>
其中 width 规定线条的长度，还可以是百分比；color 表示颜色，size 表示厚度；
align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。两头渐变透明：
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
右边渐变透明：
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
画虚线：
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
画双线：
<hr width=80% size=3 color=#5151A2 style="border:3 double green">
立体效果：
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
纺棰形：
<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
钢针效果：
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
输入你的文字 代码说明： width="100" height="80" 为文字屏宽高度调节数值； border="0" 为文字左右位置调节； cellspacing="1" 为文字上下位置调节； 在粉红色的公告地址上换成自己喜欢的公告栏图片的代码； 长度和宽度要根据换上的公告栏图片尺寸自己调整，标注的颜色分别绿色为公告板的尺寸；橙色为公告框的尺寸；深红色
为公告文字的尺寸；
在日志中插入flash：
<embed src=" flash所在地址" width="150" height="150" wmode="transparent" quality="high" loop="true" menu="false"/>
博客个性日历代码：
<BR><EMBED src="FLASH日历地址" type="application/x-shockwave-flash" width="180" height="180"></EMBED><BR>
访问者停留时间计数器
<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> 分<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> 秒</p>
显示来访者IP的代码
第一个: <P align=center> <IMG src=http://hmrmyy.com/sign.aspx/> </P>
第二个:<Palign=center><IMGsrc=http://www.myelogo.com/elogo_user/2.jpg> </P>制作个性名片:
<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/性别.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>基本代码
贴图：<img src="图片地址">
贴带连接的字：<a href="所要连接的相关地址"> 写上你想写的字</a>
带连接的图片</a> <a target="cont" href="地址"> <img src="图片地址" width="100" height="100" border="0"> </a>
贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视start=mouseover> 文件：<img dynsrc="文件地址" width="宽度" height="高度"<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=你博客地址&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的QQ号码:13 alt="点击这里给我发消息"></a>
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=你的网站&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的QQ号码:12 alt="点击这里给我发消息"></a>
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=你的网站&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的QQ号码:11 alt="点击这里给我发消息"></a>
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=你的网站&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:你的QQ号码:1 alt="点击这里给我发消息"></a>
挂件代码
左边挂件：
<DIV style="LEFT: 5px; ; TOP: 200px" align=left><IMGsrc="挂件地址" align=left><DIV>
右边挂件：<DIV style="LEFT: 900px; ; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIv>其中的“LEFT：Xpx"是指里左边多少距离;"TOP:Xpx"是指里顶部多少距离添加图片的代码1.可以放在个人档案里的图片代码：
<img height="260" src="喜欢的图片的地址" width="180" border="0" />
2.可以融入背景
<div style="RIGHT: 10px; ; TOP: 400px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="图片地址" style="FILTER: Alpha(Opacity=80,style=3)" border="0" /></td></tr></tbody></table></div>
3.日志中添加动态图片代码：
<div style="LEFT: 300px; ; TOP: 600px" align="left"><img src="图片地址" /><div></div></div></div></div></div></div></div></div>
4。添加顶部图片代码：
<DIV style="LEFT: 5px; ; TOP: 200px" align=left><IMG src="图片地址" align=left><DIV>
5，添加透明背景代码：
<div style="RIGHT: 10px; ; TOP: 400px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="图片地址" style="FILTER: Alpha(Opacity=80,style=3)" border="0" /></td></tr></tbody></table></div>
其中涉及距离的”LEFT：Xpm"是指距离左边多少距离；
“TOP：Xpm”是指距离顶部有多少距离：
“RIGHT：Xpm"是指距离右边多少距离。
放大和缩小图片的代码
缩小图片代码：<DIV src="图片地址" width=91放大图片代码：<DIV src="图片地址" width=455颜色的代码
#000000 #000033 #000066 #000099 #0000cc #0000ff #003300 #003333 #003366 #003399 #0033cc #0033ff #006600 #006633 #006666 #006699 #0066cc #0066ff #009900 #009933 #009966 #009999 #0099cc #0099ff #00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff #00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff #330000 #330033 #330066 #330099 #3300cc #3300ff #333300 #333333 #333366 #333399 #3333cc #3333ff #336600 #336633 #336666 #336699 #3366cc #3366ff #339900 #339933 #339966 #339999 #3399cc #3399ff #33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff #33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff #660000 #660033 #660066 #660099 #6600cc #6600ff #663300 #663333 #663366 #663399 #6633cc #6633ff #666600 #666633 #666666 #666699 #6666cc #6666ff #669900 #669933 #669966 #669999 #6699cc #6699ff #66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff #66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff #990000 #990033 #990066 #990099 #9900cc #9900ff #993300 #993333 #993366 #993399 #9933cc #9933ff #996600 #996633 #996666 #996699 #9966cc #9966ff #999900 #999933 #999966 #999999 #9999cc #9999ff #99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff #99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff #cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff #cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff #cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff #cc9900 #cc9933 #cc9966 #cc9999 #cccccc #ccccff #ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff #ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff #ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff #ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff #ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff #ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff #ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff
