置頂文章

十一月 19, 2008

[部落格教學講義]blockquote的美化設定

[部落格教學講義]blockquote的美化設定

配合迴響編輯功能的提升([部落格架設]加強迴響編輯器功能),美化blockquote(利用Indent鍵回覆留言或修改學生作業)的方法如下:

1.使用自訂模板

2.修改自訂模板中的css檔(ex. style.css, template.css ,.....xxx.css)

加入以下的語法:

blockquote
{
 background-color:#6B8397;/*背景顏色*/
 border-color:white; /*邊框顏色*/
 border-style:groove;/*邊框樣式*/
 border-width:1px;/*邊框線粗細*/
}

※邊框樣式的選擇:http://fanlucy2.myweb.hinet.net/aa5.htm

※色碼表:http://rhinejo.myweb.hinet.net/home/color/color-cord.html

 


發佈者: 莊志明 at 23:28│  點閱次數 (669)│ 修改文章管理迴響[資訊教育]部落格教學講義

回應文章

 

發表迴響

(必要)
authimage
   

Powered by LifeType. Design by colaccl.com


Bad Behavior 已經阻擋了 229 個過去 7 天試圖闖關的垃圾迴響與引用。