close

主文區頂欄設定







/* Main content header 內文區頂欄<主要_內容_頂欄>*/
.yc3pribd .mhd{ background:#E3E3E3; color:#00FF00;}


語法說明:

























.yc3pribd .mhd{……} 
background:#… 及 color:#…同樣是在定義底色及字色
background:url(圖檔位址) repeat;同樣是在定義貼圖並重複貼
filter:alpha(opacity=50);同樣是在定義背景圖或底色的透明度<filter:alpha(opacity=…)=過濾:最初(不透明=)>
text-align:center;字置中。連部落格聯播、相片標題都置中。<text-align:center=文字、本文-排成一行:置中>
font-family:標楷體; font-size:20px;只能改變大小,字體無法變更
  


語法範例:






/* Main content header 主文區_頂欄 */
.yc3pribd .mhd{ background:#808000; filter:alpha(opacity=50); color:#
00FF00; text-align:center;}



文章標題設定:






/* Article content module 文章標題設定<項目、條款_內容_模組>*/
.yblogcnt .blgtitlebar {margin-bottom:5px; zoom:1;}
.yblogcnt .blgtitlebar h2 {font-family:標楷體; font-weight:bold; font-size:14pt; background:url(圖檔位址) no-repeat; padding-left:33px; }
.yblogcnt .blgtitlebar h2 a{color:#008000; padding-right:15px;}


語法說明:

















































.yblogcnt .blgtitlebar {……}定義標題欄<blgtitlebar=blog title bar>
margin-bottom:5px;標題字與下邊緣距離<margin-bottom=邊緣、頁邊-底部>
zoom:1;圖層:1
  
.yblogcnt .blgtitlebar h2 {……} 
font-family:標楷體;字體樣式(可得選大家系統內都有的,否則對方是不顯示的)
font-weight:bold;字加粗<font-weight:bold=字 加重:粗筆畫>
font-size:120%;
font-size:14pt%;
把標題字放大,可依圖示高來決定
background:url(圖檔位址) no-repeat;加入圖示,不重複貼圖(也見過用重貼,還不錯看)
圖最好不要高於 23 px,也可以調字大小以免圖示被裁切到
padding-left:33px;標題字與左邊緣距離(當然要比圖示還寬)<padding-left=填料-左邊>
  
.yblogcnt .blgtitlebar h2 a{……} 
color:#008080;標題字顏色(只更改首頁字色,內文標題字色未改)
padding-right:10px;標題字與右邊緣距離
  


語法範例:






/* Article content module 內文區文章標題 */
.yblogcnt .blgtitlebar {margin-bottom:5px; zoom:1;}
.yblogcnt .blgtitlebar h2 {font-family:標楷體; font-weight:bold; font-size:14pt; background:url(http://hk.geocities.com/love99_h/Gif/Sg/SgStar004.gif) no-repeat; padding-left:33px;}
.yblogcnt .blgtitlebar h2 a{color:#008080; padding-right:10px;}



內文區定義:






/* Main content body 主文區內容<主要_內容_主體>*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:#
E6EBD5; color:#008000;}


語法說明:






















.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{……}<table=桌子、平面。>
background:E6EBD5 及 color:E6EBD5同樣是在定義底色及字色。會連留言板都改變。
background-image:url(圖檔位址) 
zoom:1; filter:alpha(opacity:50);透明度
font-size:115%;
font-size:11pt;
可以不用設。調整字體大小,會連標題字都改變。
  


語法範例:






/* Main content body 主文區內容 */
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{ background:#D2D1E1; color:#008000; font-size:11pt; }



http://tw.myblog.yahoo.com/My-Happy/article?mid=8&prev=9&next=7&l=a&fid=7


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 林建良 的頭像
    林建良

    DIY玩化學

    林建良 發表在 痞客邦 留言(0) 人氣()