【部落格實戰】10 | 部落格版型CSS的修改@ 歐飛先生:: 痞客邦 | 痞 客 邦 樣式
接著上一集繼續講。很多人看我的部落格覺得很清爽,而且很清楚,為什麼?01)版型寬度夠寬 三欄式我建議寬度要1230px,二欄式大概是1000px左右。02)文字夠大文章內文建議要15~16pt,側邊欄要11~12pt。03)有規律文字大小統一,文字顏色統一,不要花花綠綠。好,接下來我舉三個實例教你修改CSS。▲如果可以,請先到痞客邦後台→樣式管理→基本,請選擇上圖這款二欄式的版型。我當初就是用這個版型下去改的。▲套用版型後無論是內文或是側欄文字看起來都太小。好,接著來看要怎麼改,我舉三個實例:側欄、內文、版型寬度。一、側邊欄的文字太小...
接著上一集繼續講。很多人看我的部落格覺得很清爽,而且很清楚,為什麼?
01) 版型寬度夠寬 三欄式我建議寬度要1230px,二欄式大概是1000px左右。
02) 文字夠大文章內文建議要15~16pt, 側邊欄要11~12pt。
03) 有規律 文字大小統一,文字顏色統一,不要花花綠綠。
好,接下來我舉三個實例教你修改CSS。
▲如果可以,請先到痞客邦後台→樣式管理→基本,請選擇上圖這款二欄式的版型。我當初就是用這個版型下去改的。
▲套用版型後無論是內文或是側欄文字看起來都太小。
好,接著來看要怎麼改,我舉三個實例:側欄、內文、版型寬度。
一、側邊欄的文字太小,想要改大一點,怎麼改?
首先您要先知道側邊欄的樣式名稱,您可以用上一集教的在瀏覽器直接按F12查找CSS樣式的名稱。
另外還有一招就是參考:痞客邦模版的架構圖[1]
這張圖可以讓你很清楚的知道痞客邦樣式表(CSS)的標籤名稱。查看模版架構圖,側欄的標題是.box-title,內容是.box-text
後台→樣式管理→CSS原始碼→搜尋.box-title (側欄標題)文字大小的關鍵字是font-size: (請注意要有冒號)請改成font-size:11pt; (請注意最後要有分號)
接下來繼續改下面的.box-text (側欄內文)找不到關鍵字 font-size: (沒關係,請自已打上去)font-size:11pt; (請注意最後要有分號)這樣側邊欄標題及文字就改成11pt了。
側欄文字是置中對齊,我希望是靠左對齊,關鍵字 text-align:left; (原本是center,改成left)
二、內文的文字太小,怎麼變大?請在瀏覽器按F12查找內文框架CSS樣式的名稱為 .article-content
在後台→樣式管理→CSS原始碼→搜尋.article-content (內文框架)font-size:16pt; (文字大小改成16pt)
▲經過以...