調整部落格版面中各欄位的字體大小
進入 管理部落格 版面設定 自訂樣式 找出要更改的語法
(2) 調整 置頂欄框 字的大小
(3) 調整 左右欄框內容 字的大小
(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*/
增加或修改 …. 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}
.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}
#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;}
.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) 調整 部落格標題 文字字體, 顏色, 大小
.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%}
#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 .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;}
#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;}
#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%}
#yblogtitle .mbd,#yblogtitle .mft{background-color:#FFFFF0;font-family:標楷體;font-size:140%}
#yblogtitle h1{color:#8700F0;font-family:標楷體;font-size:140%}
全站熱搜
留言列表