yxp.3188平儿 的 自定义模块常用代码
在欣赏个别博客时，很多日志链接是错误的，要么打不开，要么又回到首页。在这里我说一下获取日志地址的方法：在预缆状态下，打开相应日志，IE地址栏中的就是；或点击日志下方的”固定链接”“引用”等在对话框中出现的就是。
一、普通链接导航
（1）文字显示的链接代码：（如我的博客页面上的”日志导航“）
<a href="链接地址" target=_blank><FONT>链接名称</FONT></A>
（2）图片显示的链接代码：
<a href="链接地址" target=_blank><img src="图片地址" width="100" height="80" border="0"></a>
说明：（1）（2）分别各表示一个链接，可以根据自己的需要重复使用从而增加链接的数目，为了使链接清晰，可使用换行代码<br>来实现；文字的大小和颜色默认为五号宋体黑色，可在<FONT>---</FONT>之间增加属性来改变。图片的大小可改变width="宽度" height="高度"的数值来调节。
（3）图片滚动显示的链接代码：
<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>
说明：红色部分表示一个链接，可以根据自己的需要重复使用从而增加链接的数目，图片之间若想要间隔可使用多个空格代码 来实现；代码中scrollAmount=3是移动速度， direction=right从右到左，换成left从左到右,down是从上到下，up是从下到上。
二、表格模式的链接导航（如我的博客页面上的”娱乐导航“）
<TABLE cellSpacing=1 cellPadding=1 width=574 border=0 bgcolor=#ffffff>
<tr height="20" align="center" bgcolor=#E6FAFF>
<TD><a href=链接地址 target="_blank">链接名称</a></TD> <TD><a href=链接地址 target="_blank">链接名称</a></TD><td><a href=链接地址 target="_blank">链接名称</a></TD><TD><a href=链接地址 target="_blank">链接名称</a></TD><TD><a href=链接地址 target="_blank">链接名称</a></TD> </TR>
</TABLE>
说明：红色部分表示一个链接，相当于表格中的一格，可以根据自己的需要重复使用从而增加链接的数目，以上代码我重复了5次，显示的表格有5列。蓝色部分<TABLE cellSpacing=1 cellPadding=1 width=574 border=0 bgcolor=#ffffff><tr height="20" align="center" bgcolor=#E6FAFF>----------------</TR></TABLE>表示行数，每多一组表格多一行。
三、文字分栏模式的链接导航（如我的博客页面上的”在线工具“）
<div align=center>
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆ <A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆ <A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>┆ <A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>
</TD></TR></TBODY></TABLE></DIV>
说明：红色部分表示两个链接左右分布，可以根据自己的需要重复使用从而增加链接的数目，以上链接代码我重复了3次，表示共6个链接分三行左右两列显示。绿色是一个分隔符号，可换成小图片或其它符号。对网易博客页面导航，蓝色部分就别动了。
四、图片幻灯片模式的链接导航（这个我还没有试，应该可以的）
<embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FFFFFF"FlashVars="pics=图片地址1|图片地址2|图片地址3|图片地址4|图片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=180&borderheight=180&textheight=20" menu="false" quality="high" width="180" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
代码说明:
1、图片地址是你上传到网上的网络址。
2、文章地址是你要链接的日志或网页地址。
3、文章名字是显示在幻灯片每页下部的名字。
五、在图片两边加带文字的链接导航
<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A></P>
说明：红色部分表示一个链接，可以根据自己的需要重复使用从而增加链接的数目，两个链接之间可使用代码<br>来换行。height=是图片高度,width=是图片宽度,hspace=是图片与链接文字之间的距离，可以自己调整数值，align=left将left换成right则变为在图片左边加带文字的链接。
六、有不少朋友问我页面上“实用查询”的设置怎么能分两栏，其实就是用了一个绝对定位，代码如下：
<DIV align=center><A href="http://www.baidu.com/life/#phone" target=_blank><IMG src="http://myok.blogchina.com/inc/b1.gif" width=85 border=0></A><A href="http://www.baidu.com/life/#cellphone" target=_blank><IMG src="http://myok.blogchina.com/inc/b8.gif" width=85 border=0></A><BR><A href="http://www.baidu.com/life/#traffic" target=_blank><IMG src="http://myok.blogchina.com/inc/b2.gif" width=85 border=0></A><A href="http://trip.sina.com.cn/" target=_blank><IMG src="http://myok.blogchina.com/inc/b9.gif" width=85 border=0></A><BR><A href="http://www.baidu.com/life/" target=_blank><IMG src="http://myok.blogchina.com/inc/b3.gif" width=85 border=0></A><A href="http://eat.sina.com.cn/" target=_blank><IMG src="http://myok.blogchina.com/inc/b10.gif" width=85 border=0></A><BR><A href="http://www.baidu.com/life/#train" target=_blank><IMG src="http://myok.blogchina.com/inc/b4.gif" width=85 border=0></A><A href="http://www.hao123.com/netbuy.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b11.gif" width=85 border=0></A><BR><A href="http://www.hao123.com/bankjt.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b5.gif" width=85 border=0></A><A href="http://www.hao123.com/netbuy.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b12.gif" width=85 border=0></A><BR><A href="http://www.baidu.com/life/#plane" target=_blank><IMG src="http://myok.blogchina.com/inc/b6.gif" width=85 border=0></A><A href="http://www.hao123.com/fcys.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b13.gif" width=85 border=0></A><BR><A href="http://www.hao123.com/ylbj.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b7.gif" width=85 border=0></A><A href="http://www.hao123.com/xing.htm" target=_blank><IMG src="http://myok.blogchina.com/inc/b14.gif" width=85 border=0></A></DIV>
先弄这些，近期有时间我再增加更新，请朋友们多多支持！！
![]()
<>" alt="自定义模块常用代码 - yxp.3188平儿 - 宝贝!别哭……" src="http://liu1h2w3.blog.163.com/@$&***%20http://img.blog.163.com/photo/15d2vvKkjCFdDLdIc005Ug==/1762314829186559819.jpg.@$&**@$&***" border=0>
