【部落格實戰】10 | 部落格版型CSS的修改 | 痞 客 邦 版面 CSS
![【部落格實戰】10 | 部落格版型CSS的修改](https://i.imgur.com/axBPWDg.jpg)
接著上一集繼續講。很多人看我的部落格覺得很清爽,而且很清楚,為什麼?01)版型寬度夠寬 三欄式我建議寬度要1230px,二欄式大概是1000px左右。02)文字夠大文章內文建議要15~16pt,側邊欄要11~12pt。03)有規律文字大小統一,文字顏色統一,不要花花綠綠。好,接下來我舉三個實例教你修改CSS。▲如果可以,請先到痞客邦後台→樣式管理→基本,請選擇上圖這款二欄式的版型。我當初就是用這個版型下去改的。▲套用版型後無論是內文或是側欄文字看起來都太小。好,接著來看要怎麼改,我舉三個實例:側欄、內文、版型寬度。一、側邊欄的文字太小...
![【部落格實戰】10 | 部落格版型CSS的修改](http://pix1.agoda.net/hotelimages/1622100/-1/288dee61caf31676838d02dba1f40407.jpg?s=800x)
接著上一集繼續講。很多人看我的部落格覺得很清爽,而且很清楚,為什麼?
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)
▲經過以...
取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
[教學]痞客邦css 三欄式部落格調整內文寬度 | 痞 客 邦 版面 CSS
《痞客邦543》版型之CSS設定調整 | 痞 客 邦 版面 CSS
【CSS Code】痞客邦CSS新手語法教學。修改內容版面的寬度? | 痞 客 邦 版面 CSS
【CSS】 | 痞 客 邦 版面 CSS
【痞客邦部落格版型排版】擴充功能管理 | 痞 客 邦 版面 CSS
【網友詢問】歐飛你的部落格版型是怎麼做的? (CSS樣式表) | 痞 客 邦 版面 CSS
【語法】痞客邦Pixnet版型,二欄改三欄CSS語法 | 痞 客 邦 版面 CSS
【部落格實戰】10 | 部落格版型CSS的修改 | 痞 客 邦 版面 CSS
不懂CSS語法也可以輕鬆修改痞客邦部落格 | 痞 客 邦 版面 CSS
分享| 痞客邦PIXNET部落格版面樣式CSS | 痞 客 邦 版面 CSS
我該如何設定部落格樣式呢? | 痞 客 邦 版面 CSS
教學 | 痞 客 邦 版面 CSS
梅花的CSS筆記 | 痞 客 邦 版面 CSS
梅花的CSS筆記 | 痞 客 邦 版面 CSS
梅花的CSS筆記 | 痞 客 邦 版面 CSS
痞客邦PIXNET部落格佈景版面樣式CSS | 痞 客 邦 版面 CSS
痞客邦 | 痞 客 邦 版面 CSS
痞客邦部落格版面分享 | 痞 客 邦 版面 CSS
部落格版型的CSS樣式表修改(2024年2月更新) | 痞 客 邦 版面 CSS
![](https://i.imgur.com/axBPWDg.jpg)