美化文章與留言板的回應板

 美化文章與留言板的 "回應板"

自訂樣式應用

語法應用編輯(二度空間)                           2007.10.25 更新修正相簿回應板底圖不能出現(發現問題歡迎回應)

/*文章回應板需登錄才看得見*/

/*文章回應板(與相片回應共用)-隱藏設定欄上框底圖-框高-圖片-圖片重複方向-字體顏色-字型-字體大小-粗體字*/
#rtemodule .privacy {height:50px;background:url(圖片網址) repeat; color: #800000;font-family:標楷體;font-size:125%;font-weight:bold;}

/*文章回應板(與相片回應共用)-底圖-圖片重複方向-字體顏色-字型-字體大小-粗體字*/
#postrte {background:url(圖片網址) repeat; color: #800000;font-family:標楷體;font-size:125%;font-weight:bold;}

/*文章回應板(與相片回應共用)-預覽-取消按鈕底圖-字體顏色-字型-字體大小-粗體字-圖框寬高*/
#rtemodule .action input {background: url(圖片網址) no-repeat; color: #FF0000;font-family:標楷體;font-size:110%;font-weight:bold;width:100px;height:50px;}

/*文章回應板(與相片回應共用)-預覽-取消按鈕框線*/
#rtemodule .action input {border-left:4px double #FF00FF; border-right:4px double #FF00FF; border-top:4px double #FF00FF; border-bottom:4px double #FF00FF;}

/*留言回應板，格主需在重新做登錄留言時才看得見*/
/*留言回應板-底圖*/
#yleavemsg {background:url(圖片網址) repeat;}

/*留言回應板-標題欄底圖-字體顏色-字型-字體大小-粗體字*/
#yleavemsg th {background:url(圖片網址) repeat; color: #800000;font-family:標楷體;font-size:125%;font-weight:bold;}

/*留言回應板-隱藏設定欄-字體顏色-字型-字體大小-粗體字*/
#yleavemsg td {color: #800000;font-family:標楷體;font-size:125%;font-weight:bold;}

/*留言回應板-預覽及取消底圖-字體顏色-字型-字體大小-粗體字-圖框寬高*/
#yleavemsg .action input {background: url(圖片網址) no-repeat; color: #FF0000;font-family:標楷體;font-size:110%;font-weight:bold;width:100px;height:50px;}

/*留言回應板-預覽-取消按鈕框線*/
#yleavemsg .action input {border-left:4px double #FF00FF; border-right:4px double #FF00FF; border-top:4px double #FF00FF; border-bottom:4px double #FF00FF;}

/*文章回應預覽板與留言預覽板語法共用*/

/*文章回應預覽板與留言預覽板-發表-修改-取消按鈕底圖-字體顏色-字型-字體大小-粗體字-圖框寬高*/
#ypreviewmsg fieldset.form_btn input {background: url(圖片網址)repeat;color: #FFFF00;font-family:標楷體;font-size:150%;font-weight:bold;width:100px;height:50px;}

/*文章回應預覽板與留言預覽板背景*/
#ypreviewmsg {background: url(圖片網址)repeat;}

/*文章回應預覽板與留言預覽板-發表-修改-取消按鈕框線*/
#ypreviewmsg fieldset.form_btn input {border-left:4px double #FF00FF; border-right:4px double #FF00FF; border-top:4px double #FF00FF; border-bottom:4px double #FF00FF;}

/*文章回應預覽板與留言預覽板大頭貼框線*/
#ypreviewmsg .vstrthumblg {border-left:4px double #FFFF00; border-right:4px double #FFFF00; border-top:4px double #FFFF00; border-bottom:4px double #FFFF00;}

/*文章回應預覽板與留言預覽板密碼輸入框框線*/
#ypreviewmsg label.inputtext input {border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;}

/*文章回應預覽板與留言預覽板顯示密碼框線-同時影響大頭貼再加一層框線*/
#ypreviewmsg img {border-left:4px double #FF0000; border-right:4px double #FF0000; border-top:4px double #FF0000; border-bottom:4px double #FF0000;}

圖片重複方向 :

repeat-x = 橫向排列，適用垂直條形圖

repeat-y = 縱向排列，適用水平條形圖

repeat = x-y軸同時排列，適用方形圖

no-repeat = 單張圖片不重複，適用與架框同等長寬的圖片

框線語法解說 :

left = 左邊框

right = 右邊框

top = 上邊框

bottom = 下邊框

double = 雙線 (請參考框線條樣式)

3px = 框線粗細像素值 (建議使用在1~5之間)

#ff00ff = 框線顏色色碼 (可搭配個人使用的背景配色，請參考色碼表)

框線條樣式  :    ( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 )

相對應語法 :   none︱ dotted｜solid︱ double︱ groove︱ ridge︱ inset︱ outset

貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定

色碼表應用 :

英文色碼表    數字色碼表

注意 : 其它架框的語法設定值，有可能影響回應板架框的設定值，請謹慎設定

更多語法參考 :

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489