分享

博客头像和博客名称链接演示及代码

 东北狼360 2012-04-14

博客头像和博客名称链接演示及代码  

2009-09-02 15:04:41|  分类: 博客教程 |字号 订阅

 

引用碎羽残舞博客头像和博客名称链接演示及代码

一 @.@ 可以改变字体颜色和字体的↑效果演示:

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
碎羽残舞

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
叁國風雲

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤寂娃娃

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤潇末情

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
香香雪儿

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
藏荷空灵

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
梦露

 

 

代码:

 <MARQUEE scrollAmount=3 direction=up>
<TABLE width="100%">


<P><A href="链接博客地址"<IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT>
</P>


<P><A href="链接博客地址"<IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT>
</P>

<P><A href="链接博客地址"<IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT>
</P>

</MARQUEE>

 

代码分析

如果需要增加新的链接博客

就在</P>与之间<P>增加代码如下

<P><A href="链接博客地址"<IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT>
</P>

就可以了 需要链接多少博客就增加多个同样的代码 因为每一段这样的代码就代表一个博客的链接

 

1.橙色地方是移动速度

2.绿色地方是图片的宽和高 (博客的正常显示是140*140)

3.黄色地方是字体效果

4.蓝色地方是字体颜色 颜色可以参照此地址http://blog.163.com/wrming1983@yeah/blog/static/117747388200942874415664/edit/

取样替换

5.粉红色地方是字体大小

 

 

二 @.@可以改变字体颜色和字体的←效果演示:

 

 

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
碎羽残舞
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
叁國風雲
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤寂娃娃
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤潇末情
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
香香雪儿
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
藏荷空灵
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
梦露

 

代码:

<MARQUEE scrollAmount=3 beha><wbr><vior><table>
<tr valign=up align=center>


<td><a href="链接博客地址"><img src="链接博客头像地址" width=130 height=130 border=0><FONT face=隶书 color=#ff0000 size=6><br>链接博客名称</font></a></td>

<td><a href="链接博客地址"><img src="链接博客头像地址" width=130 height=130 border=0><FONT face=隶书 color=#ff0000 size=6><br>链接博客名称</font></a></td>

<td><a href="链接博客地址"><img src="链接博客头像地址" width=130 height=130 border=0><FONT face=隶书 color=#ff0000 size=6><br>链接博客名称</font></a></td>

</MARQUEE>

 

三 @.@ 带背景的移动博客链接效果:

 

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
碎羽残舞

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
叁國風雲

博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤寂娃娃
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
孤潇末情
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
香香雪儿
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
藏荷空灵
博客头像和博客名称链接演示及代码 - 碎羽残舞 - 碎羽残舞
梦露

 

 

代码:

<TABLE style="WIDTH: 468px; HEIGHT: 10px" height=10 cellPadding=0 width=468 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 beha><WBR><VIOR>
<TABLE>
<TBODY>
<TR vAlign=up align=middle>


<TD><A href="博客地址连接"><IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT></A></TD>

 

<TD><A href="博客地址连接"><IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT></A></TD>


<TD><A href="博客地址连接"><IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT></A></TD>

</TR></TBODY></TABLE></MARQUEE>

代码分析:

连接代码增加 在</TD>之间<TD>增加

<TD><A href="博客地址连接"><IMG height=130 src="链接博客头像地址" width=130 border=0><FONT face=隶书 color=#ff0000 size=6><BR>链接博客名称</FONT></A></TD>

就代表增加一个博客链接

 

1.梅红色地方是背景图片的宽和高

2.绿色地方是背景图片地址

3.其他颜色地方基本和前面的相同

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多