將自定欄位 "純文字超連結" 樣式表置入自訂樣式中
純文字超連結範例
可連續串接 46個文字超連結,覺的太長是嗎?給它加個滑軌
PS:引用時請勿刻意改變文章格式,直接由引導複製箭頭反白下拉至
文章頁底複製貼入文章編輯,不要預覽,不用切換至HTML,直接按發
表,以免產生格式上的錯誤,在此叮嚀!自訂樣式與自訂欄位不同,語
法應用時不要貼錯地方
|
|
#fi1{ text-align:left;WIDTH:130px;HEIGHT:180px; OVERFLOW: auto; SCROLLBAR-FACE-COLOR: #CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #CCCCCC; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;} #fi2 a{color:#FFFF00;} #fi3 a{color:#00FFFF;} |
|
#fi1{ text-align:left;/*文字靠左*/WIDTH:130px;/*滑軌寬度*/HEIGHT:180px;/*滑軌高度*/ OVERFLOW: auto;/*開啟滑軌內容-自動由瀏覽器決定*/ /*以下滑軌各部顏色(滑軌語法部分避免使用小寫,可能受到 html 中的滑軌語法影響*/ SCROLLBAR-FACE-COLOR: #CCCCCC; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #CCCCCC; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;} #fi2 a{color:#FFFF00;/*上超連結標題字體顏色*/} #fi3 a{color:#00FFFF;/*下超連結標題字體顏色*/} 自訂樣式檢圖說明範例→ http://xs320.xs.to/xs320/07421/W6-4.jpg |
|
<div id="fi2"><a href="超連結網址">連結標題</a></div> <div id="fi3"><a href="超連結網址">連結標題</a></div> |
|
<div id="fi2">/*上超連結 id*/<div id="fi3">/*下超連結 id*/
46個連結中,無論串接幾個,需要在最前框與最後框加入 <center><串接 id></center> 以便將文字欄位置中。 應用如下: <center> 貼語法路徑→管理部落格→管理自定欄位→填寫自定欄位名稱→將語法貼入自定欄位內容→按儲存 PS :重新修改時,語法建議重貼 自訂欄位檢圖說明範例→http://xs320.xs.to/xs320/07442/W6-5.jpg |
|
在超連結語法中加入 target="_blank" 以新視窗開啟
例如:<a target="_blank" href="超連結網址">連結標題</a></div> |
滑軌色碼位置解說:
SCROLLBAR-FACE-COLOR: #CCCCCC |
二度空間祝您使用愉快