yxp.3188平兒 的 自定義模塊常用代碼
在欣賞個(gè)別博客時(shí)，很多日志鏈接是錯(cuò)誤的，要么打不開，要么又回到首頁。在這里我說一下獲取日志地址的方法：在預(yù)纜狀態(tài)下，打開相應(yīng)日志，IE地址欄中的就是；或點(diǎn)擊日志下方的”固定鏈接”“引用”等在對(duì)話框中出現(xiàn)的就是。
一、普通鏈接導(dǎo)航
（1）文字顯示的鏈接代碼：（如我的博客頁面上的”日志導(dǎo)航“）
<a href="鏈接地址" target=_blank><FONT>鏈接名稱</FONT></A>
（2）圖片顯示的鏈接代碼：
<a href="鏈接地址" target=_blank><img src="圖片地址" width="100" height="80" border="0"></a>
說明：（1）（2）分別各表示一個(gè)鏈接，可以根據(jù)自己的需要重復(fù)使用從而增加鏈接的數(shù)目，為了使鏈接清晰，可使用換行代碼<br>來實(shí)現(xiàn)；文字的大小和顏色默認(rèn)為五號(hào)宋體黑色，可在<FONT>---</FONT>之間增加屬性來改變。圖片的大小可改變width="寬度" height="高度"的數(shù)值來調(diào)節(jié)。
（3）圖片滾動(dòng)顯示的鏈接代碼：
<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>
說明：紅色部分表示一個(gè)鏈接，可以根據(jù)自己的需要重復(fù)使用從而增加鏈接的數(shù)目，圖片之間若想要間隔可使用多個(gè)空格代碼 來實(shí)現(xiàn)；代碼中scrollAmount=3是移動(dòng)速度， direction=right從右到左，換成left從左到右,down是從上到下，up是從下到上。
二、表格模式的鏈接導(dǎo)航（如我的博客頁面上的”娛樂導(dǎo)航“）
<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>
說明：紅色部分表示一個(gè)鏈接，相當(dāng)于表格中的一格，可以根據(jù)自己的需要重復(fù)使用從而增加鏈接的數(shù)目，以上代碼我重復(fù)了5次，顯示的表格有5列。藍(lán)色部分<TABLE cellSpacing=1 cellPadding=1 width=574 border=0 bgcolor=#ffffff><tr height="20" align="center" bgcolor=#E6FAFF>----------------</TR></TABLE>表示行數(shù)，每多一組表格多一行。
三、文字分欄模式的鏈接導(dǎo)航（如我的博客頁面上的”在線工具“）
<div align=center>
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>
<A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>┆ <A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>
<A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>┆ <A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>
<A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>┆ <A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A>
</TD></TR></TBODY></TABLE></DIV>
說明：紅色部分表示兩個(gè)鏈接左右分布，可以根據(jù)自己的需要重復(fù)使用從而增加鏈接的數(shù)目，以上鏈接代碼我重復(fù)了3次，表示共6個(gè)鏈接分三行左右兩列顯示。綠色是一個(gè)分隔符號(hào)，可換成小圖片或其它符號(hào)。對(duì)網(wǎng)易博客頁面導(dǎo)航，藍(lán)色部分就別動(dòng)了。
四、圖片幻燈片模式的鏈接導(dǎo)航（這個(gè)我還沒有試，應(yīng)該可以的）
<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、圖片地址是你上傳到網(wǎng)上的網(wǎng)絡(luò)址。
2、文章地址是你要鏈接的日志或網(wǎng)頁地址。
3、文章名字是顯示在幻燈片每頁下部的名字。
五、在圖片兩邊加帶文字的鏈接導(dǎo)航
<P><IMG height=201 hspace=30 src="圖片連接地址" width=154 align=left border=0><A href="此處填寫連接地址" target=_blank><FONT color=#ff00ff>這里填寫導(dǎo)航文字</FONT></A></P>
說明：紅色部分表示一個(gè)鏈接，可以根據(jù)自己的需要重復(fù)使用從而增加鏈接的數(shù)目，兩個(gè)鏈接之間可使用代碼<br>來換行。height=是圖片高度,width=是圖片寬度,hspace=是圖片與鏈接文字之間的距離，可以自己調(diào)整數(shù)值，align=left將left換成right則變?yōu)樵趫D片左邊加帶文字的鏈接。
六、有不少朋友問我頁面上“實(shí)用查詢”的設(shè)置怎么能分兩欄，其實(shí)就是用了一個(gè)絕對(duì)定位，代碼如下：
<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>
先弄這些，近期有時(shí)間我再增加更新，請(qǐng)朋友們多多支持??！
![]()
<>" alt="自定義模塊常用代碼 - yxp.3188平兒 - 寶貝!別哭……" src="http://liu1h2w3.blog.163.com/@$&***%20http://img.blog.163.com/photo/15d2vvKkjCFdDLdIc005Ug==/1762314829186559819.jpg.@$&**@$&***" border=0>
