引用

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

<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 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=up scrollamount=5 src=http://myok.blogchina.com/inc/myoklogo.gif  width=90 height=30></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 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 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>

示例：

八、中间向两边移动：

<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 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>

示例：

 

 
十、为日志文字加上背景图片：

代码为：

<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>

　　右边渐变透明：
<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>

        挂件代码

左边挂件：