[]http://tw.myblog.yahoo.com/lucy-2/article?mid=12&prev=-2&next=-2&page=1&sc=1#yartcmt
奇摩部落格自訂式樣CSS語法總覽(一)
/*部落格全版背景底圖設定Background color for whole page*/
body {background: url(背景圖網址)}
註:
此一語法代表背景圖整版面鋪滿
背景圖固定語法:
(大幅圖片背景1024X768尺寸適合)
/*Background*/
body { background-image: url(背景圖網址);
background-repeat:no-repeat ;
background-attachment: fixed;}
(小幅背景圖固定語法請挑選四邊能連結看不出單張的可整版重覆圖片)
/*Background*/
body {
background- image: url(小張背景圖網址);
background-repeat:repeat ;
background-attachment: fixed;}
2.奇摩置頂背景及工具列文字設定語法
/*部落格頂部Yahoo!奇摩工具列背景底圖設定Master header*/
#yhtw_masthead{background: url(背景底圖網址)filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family:標楷體;padding-left:20px;font-size:130%;}
#yhtw_masthead a,#yhtw_masthead a:link{color: #ff00f0;},#yhtw_masthead a:visited{color:#a90044;},#yhtw_masthead a:hover{color: #ff0000;}
註:
上面紅色字如#ff00f0帶表色碼~可自行改變及其他紅色字部分僅供參考在自己修改
★【顏色數碼表一】語法B2★
http://home.educities.edu.tw/nkhs9323005/B2.htm
filter:alpha(opacity:50); 表示透明度 數值0~~100數字越大透明度越小
font-family:標楷體; 字體式樣設定~屬性有
serif (新細明體或Times等)
sans-serif (Helvetica等)
cursive (筆記體的字型)
fantasy (裝飾為主的字型)
monospace (等 寬的字型)
a:active → 設定正被選取之超連結文字顯現方式及顏色。
a:hover → 設定當滑鼠移至超連結文字上面時的顯現方式及顏色。
a:link → 設定超連結之文字顯現方式及顏色
a:visited → 設定瀏覽過之超連結文字顯現方式及顏色。
3.部落格橫幅底圖設定語法
/*部落格橫幅背景底圖設定Background image for blog title*/
#yblogtitle .mbd {background: url(底圖網址); background-repeat: repeat}
#yblast{display: none}
4.部落格訂閱圖設定語法
/*訂閱部落格圖片檔變更設定btnsbsrb*/
div#btnsbsrb_nologin a{display:block;width:圖寬度;height:圖高度;overflow:hidden;background:url(訂閱圖網 址) no-repeat;margin:0;}
5.部落格招呼語欄底圖框設定語法
/*招呼語欄位圖框背景底圖變更設定Opacity for blast*/
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(底圖框網址)}
6.部落格名稱標題前小圖與文字字體顏色大小設定語法
/* 部落格名稱標題前小圖片與文字字體顏色字體大小變更設定Blog title*/
#yblogtitle h1{font-size:100%;font-weight:bold;background:url(底圖網址) no-repeat;padding-left:30px; color: #ff0000;font-family:標楷體;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:130%;font- weight:bold;background:url(底圖網址) no-repeat;padding-left:30px; color: #0000ff;font-family:標楷體;}
註:
color 顏色色碼文字字體及大小請自行改變~~
放 置到自訂式樣方法請參考自訂式樣中貼語法做CSS設定教學
http://tw.myblog.yahoo.com/lucy-2/article?mid=2&prev=7&next=1
未完待續!!
留言列表
