自定欄位純文字超連結 @ 大女孩的花間情事

↓

將自定欄位連結框樣式表置入自訂樣式中(進階版)

超連結框範例 (適用欄位加寬)
可連續串接 46個超連結框，覺的太長是嗎?給它加個滑軌

PS：引用時請勿刻意改變文章格式，直接由引導複製箭頭反白下拉至
文章頁底複製貼入文章編輯，不要預覽，不用切換至HTML，直接按發
表，以免產生格式上的錯誤，在此叮嚀！自訂樣式與自訂欄位不同，語
法應用時不要貼錯地方

將自定欄位連結框樣式表置入自訂樣式中-增加有限的字元寫入，五個欄位同時使用，可共同宣告相同超連結框模式規則， (二度空間)語法應用編輯

將以下樣式表複製加入自訂樣式最底層(樣式參考)

#fi1{border:4px double #FFFFFF;WIDTH:126px;background:url(http://img181.imageshack.us/img181/8651/30750664dm3.gif);padding:3px}
#fi2, #fi3{border:4px double #FFFFFF;WIDTH:114px;margin-top:6px;margin-bottom:3px;background:#5511BD;padding-top:2px;}
#fi4{OVERFLOW:auto;HEIGHT:180px;scrollbar-face-color:#0000FF;scrollbar-highlight-color:#cccccc;scrollbar-darkshadow-color:#cccccc;}
#fi2 a{color:#FFFF00;}
#fi3 a{color:#00FFFF;}

應用語法解說

#fi1{border:4px double #FFFFFF/*主外框線樣式*/;background:url(http://img181.imageshack.us/img181/8651/30750664dm3.gif)/*主外框線底圖網址*/;padding:3px/*主外框線底圖顯示墊充程度*/;}
#fi2, #fi3{border:4px double #FFFFFF/*超連結框線樣式*/;margin-top:6px/*與主外框靠上邊界距離*/;margin-bottom:3px/*與主外框靠下邊界距離*/;background:#5511BD/*超連結標題背景底色*/;padding-top:2px/*超連結標題與內框線上邊線的距離;}
#fi4{OVERFLOW:auto;HEIGHT:180px;scrollbar-face-color:#0000FF;scrollbar-highlight-color:#cccccc;scrollbar-darkshadow-color:#cccccc;}/*滑軌產生語法-滑軌總高度-滑軌顏色*/
#fi2 a{color:#FFFF00/*上框超連結標題字體顏色*/;}
#fi3 a{color:#00FFFF/*下框超連結標題字體顏色*/;}

將以下連結框 id 複製加入自訂欄位中，可連續串接 23組，每組為上下兩個連結框，合計 46個連結框

連結標題

重點說明

/*主外框線 id*/

/*滑軌 id*/

/*上超連結 id*/

/*下超連結 id*/

46個連結框，無論串接幾個，需要在最前框與最後框加入

<串接 id>

以便將文字置中。

應用如下：

連結標題