調整部落格版面中各欄位的字體大小

進入 -- 管理部落格--版面設定 -- 自訂樣式 --  找出要更改的語法


 

例 : 要調整 留言板標題 編輯管理標題 字的大小   /*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%}

    全站熱搜

    小雪兒 發表在 痞客邦 留言(0) 人氣()