非常感謝~☆二度空間部落格(柏憲)☆ 分享~
自訂樣式應用 (請勿刪除紅色標頭) | ||
語法應用編輯 (二度空間) |
/*回應圖*/
div.btncomment a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}
/*滑鼠指標靠近改變回應圖*/
div.btncomment a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}
/*引用圖*/
div.btntrackback a {display:block;height:32px;width:62px;background:url(圖片網址) no-repeat;}
/*滑鼠指標靠近改變引用圖*/
div.btntrackback a:hover {display:block;height:35px;width:80px;background:url(圖片網址) no-repeat;}
語法中的 height:32px;width:62px; 及 height:35px;width:80px; 調整圖片寬高
PS : 基本上連結時是使用不同樣的圖片,至於圖片轉換型式自行創作,在此只提供套用語法
套用邊框,範例 :(任何一組語法以同樣的方式代入邊框語法)
div.btncomment a {display:block;height:32px;width:62px;background:url( http://connie-ee.t35.com/999/01/17.gif ) no-repeat; border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;}
邊框語法解說 :
border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;
left = 左邊框
right = 右邊框
top = 上邊框
bottom = 下邊框
double = 雙線 (請參考框線條樣式)
4px = 框線粗細像素值 (一般使用在1~5之間)
#ff00ff = 框線顏色色碼 (可搭配個人使用的背景配色,請參考色碼表)
框線條樣式 : ( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 )
相對應語法 : none︱ dotted|solid︱ double︱ groove︱ ridge︱ inset︱ outset
自訂樣式檢圖說明→ http://xs320.xs.to/xs320/07421/W6-4.jpg
色碼表應用 : (注意 : 有些數字色碼無支援應用在奇摩部落格當邊框顏色,無支援的貼上只會顯示灰色)