[部落格語法教學]管理自訂樣式的css樣式表


在打好的blog文章裏,把[觀看原始碼打勾,在第一行插入   <font size=3> ,


則文章裏的文字都會變大.數字2是預設.



把字體變大的語法就是   <font size=3>

--------------------------------------------------------------------------------------------------

 

這是我目前部落格的網頁配色自訂css的樣式表,含中文說明。
大家可以拷貝自己需要的部分直接使用。
http://XXXXXX」代表可輸入自己連結的圖片
/*深綠色文字*/」代表隱藏的中文說明

/*customization CSS*/
--------------------------------------------------------------------------------------------------------------------------------
/*連結及滑鼠滑過的顏色*/
a,a:link,a:visited{color:#ba5402;}
a:hover{color:#EA975A;}
--------------------------------------------------------------------------------------------------------------------------------
/*Master header抬頭_您好_會員登入出*/
#yhtw_masthead{color:#ffe50e; background:#842769;filter:alpha(opacity=50); opacity:0.50; moz-opacity:0.5;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#fff;}
--------------------------------------------------------------------------------------------------------------------------------
/*Background背景底色*/
body{ background:#593d15 url(http://XXXXXX
) no-repeat; BACKGROUND-ATTACHMENT : FIXED;}
/*BACKGROUND-ATTACHMENT : FIXED背景底色不重複*/
--------------------------------------------------------------------------------------------------------------------------------
/*Nav module header各類大標_底色*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background:#a97700; color:#ffcadd;}
--------------------------------------------------------------------------------------------------------------------------------
/*Nav module body?*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#92cbd9; color:#aBA8F61}
--------------------------------------------------------------------------------------------------------------------------------
/*Main content header中間內文大標_底色*/
.yc3pribd .mhd{ background:#932869; color:#5B3E07;}
/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:#FAF0E5; color:#5B3E07}


#ymodcal .mbd td strong {color:#E6713C;}
--------------------------------------------------------------------------------------------------------------------------------
/*Blog title部落格名稱*/
#yblogtitle .mbd,#yblogtitle .mft{background-color:#493417; color:#C2A68B;}
#yblogtitle h1{color:#FCEBD9;}
--------------------------------------------------------------------------------------------------------------------------------
/*Background color for blog title部落格上方名稱_底色*/
#yblogtitle .mbd, #blogtitle .mft {background-color: #981325}
--------------------------------------------------------------------------------------------------------------------------------
/*Opacity for blogtitle部落格上方名稱_底色透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:75)}
--------------------------------------------------------------------------------------------------------------------------------
/*Text color for blog title部落格名稱_自我介紹文字色*/
#yblogtitle .text {color: #EDD692;}
--------------------------------------------------------------------------------------------------------------------------------
/*Background color for module欄位設定_兩側顏色*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background: #d5b873; filter:alpha(opacity:88)}
--------------------------------------------------------------------------------------------------------------------------------
/*Opacity for sub column欄位設定_兩側顏色透明度*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:80)}
--------------------------------------------------------------------------------------------------------------------------------
/*Text color for module欄位設定_文字顏色*/
.text {color: #FFFFD0}
--------------------------------------------------------------------------------------------------------------------------------
/*Background color for main content body中間內文底色*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {background: #f4f3cb}
--------------------------------------------------------------------------------------------------------------------------------
/*Opacity for main content中間內文底色透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:93)}
--------------------------------------------------------------------------------------------------------------------------------
/*Text color for main content中間內文_字色*/
.yc3pribd .text {color: #533217;}
--------------------------------------------------------------------------------------------------------------------------------
/*Opacity for blast招呼語透明度及背景*/
#yblast .bg {zoom:1; filter:alpha(opacity:67); background: url(http://XXXXXX
) no-repeat}
--------------------------------------------------------------------------------------------------------------------------------
/*Main content header最新文章背景色*/
.yc3pribd .mhd{background:#966f0c; color:#666666;}
--------------------------------------------------------------------------------------------------------------------------------
/*Opacity for blast招呼語底圖更換*/
#yblast .bg {zoom:1; filter:alpha(opacity:85); background: url(http://XXXXXX) no-repeat}
--------------------------------------------------------------------------------------------------------------------------------
/*article content module標題小圖_注意不可太大*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;background image:}}
.yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(http://XXXXXX) no-repeat;padding-left:32px;}
.yblogcnt .blgtitlebar h2 a {color:#195693; padding-right:5px;}
--------------------------------------------------------------------------------------------------------------------------------
/*Nav module body更改分類和內文背景*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background:#FFFFFF; color:#666666;background-image:url(http://XXXXXX)}
--------------------------------------------------------------------------------------------------------------------------------
/*更改你的部落格性別圖示*/
#ymodprf .horos img{display:none;}/*此行先將性別圖示隱藏起來*/
#ymodprf .horos{width:60px;height:75px;background:url(http://XXXXXX) center no-repeat;}
--------------------------------------------------------------------------------------------------------------------------------
/*更改"訂閱部落格"按鈕圖片要兩句一起*/
div#btnsbsrb a{display:block;width:110px;height:31px;overflow:hidden;background:url(hhttp://XXXXXXXXXX) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:110px;height:31px;overflow:hidden;background:url(http://XXXXXX


全站熱搜

花&蝶 發表在 痞客邦 留言(0) 人氣()