blog字體大小的語法

2013032712:46

BLOG字體大小的語法


 

調整部落格版面中各欄位的字體大小
進入   管理部落格  版面設定  自訂樣式   找出要更改的語法
 
例 : 要調整 留言板標題 編輯管理標題 字的大小   /*Main content header*/

  增加或修改 …. font-size: ? % ;   更改好 按 儲存  看結果
 
font-size:120%; 是放大縮小字的比例...
 %百分比請依個人需求調整...比例數字越高...字體越放大
 
 
 
(1) 改變 留言板 新文章內容 自我介紹欄 回應 字的大小
/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { font-size:120%; background: #FFFFFF}
 

(2)
調整 置頂欄框 字的大小
/*Background color for blog title*/
#yblogtitle .mbd, #blogtitle .mft { font-size:120%; background-color:#FFFFFF}
 

(3)
調整 左右欄框內容 字的大小
/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:100%; background:#000000; color:#FFFFFF;}
 

(4)
調整 左右欄框留言板...部落格相簿標題 字的大小

/*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{ font-size:120%; background:#000000; color:#F6B 2F 8;}
 

(5)
調整 留言板標題 編輯管理標題 字的大小
 /*Main content header*/
.yc3pribd .mhd{ font-size:130%; background:#000000; color:#FFFFFF;}
 
 

(6) 調整 部落格標題 文字字體, 顏色, 大小 
/*Blog title部落格標題-字體及顏色設定*/
#yblogtitle .mbd,#yblogtitle .mft{background-color:#FFFFF0;font-family:標楷體;font-size:140%}
#yblogtitle h1{color:# 8700F 0;font-family:
標楷體;font-size:140%}
 
 
(7) 調整  招呼語的文字 大小 
/*Opacity for blast招呼語圖框*/
#yblast .bg {zoom:1; width:550px;height:50px; filter:alpha(opacity:100); background: url(招呼語圖片網址) no-repeat}
#yblast .text{font-weight:bold;color:#44499A;font-size:110%;padding-left:20px;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}
 
 font-weight:bold是字體加黑 , font-size: ?% 是修改字體大小 ,
(opacity:100)是圖片透明度  ,  padding-left:20px是文字距離圖示邊框長度
 
以上各欄位文字顏色更改請參考 色碼表
 
色碼表~~點圖
 
把部落格標題 改為 動畫圖或閃字圖
/*自訂部落格標題圖示*/
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(
圖片網址
) 0 0 no-repeat;
    width:
圖片長度
px;
    height:
圖片高度
px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}
 
  P S : 做了以上圖示的更改, 就要把之前文字樣式的語法整個刪除 , 以免重複語法~
找出原本的部落格標題名稱語法刪去如下: 
 
/*Blog title部落格名-顏色設定*/
#yblogtitle .mbd,#yblogtitle .mft{background-color:#FFFFF0;font-family:標楷體;font-size:140%}
#yblogtitle h1{color:#8700F0;font-family:標楷體;font-size:140%}