常用的代码

引用

一 场美丽的相遇 的 常用的代码

<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