更改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%}