【部落格素材教學法】BLOG字體大小的語法＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-02-25 14:44:08 | 人氣82| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】BLOG字體大小的語法

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

引用：http://tw.myblog.yahoo.com/jw!o2bSWOGaBRbgFhy_s9FEDjWO_bA-/article?mid=92

我要檢舉

台長：落葉之楓