隨手記錄

【CSS】- PIXNET 痞客邦部落格版面大小調整

PIXNET 痞客邦部落格版面大小調整，大概就是調整以下三個部分，請依照比例或自己想要的大小下去做修正。

其方法為『部落格後台-->樣式管理-->部落格CSS原始碼』。然後按「Alt + F」尋找紅色的關鍵字，並依照下面綠色註解的地方去修改即可。

●版面的總寬度

▶ 關鍵字

container

▶ 說　明

搜尋此關鍵字後，會找到如以下範例的程式碼。直接修改width後面的值即可。數值的單位可以px 或 %。個人是習慣用%。

▶ 範　例

#container {
width: 100%; 
}
#container2 {
background: url() repeat-x top;
}
#container3 {
overflow: hidden;
position: relative;
width: 90%;              /*修改這邊的值即可*/
padding: 0;
margin: 0 auto;
}

●文章內容的寬度

▶ 關鍵字

content

▶ 說　明

搜尋此關鍵字後，會找到如以下範例的程式碼。直接修改width後面的值即可。數值的單位可以px 或 %。個人是習慣用%。

▶ 範　例

#content {
float: left;
width: 70%;     /*修改這邊的值即可*/
overflow: hidden;
}

●文章寬度

▶ 關鍵字

article-area

▶ 說　明

搜尋此關鍵字後，會找到如以下範例的程式碼。直接修改width後面的值即可。數值的單位可以px 或 %。個人是習慣用%。

▶ 範　例

#article-area{
width: 870px;           /*修改這邊的值即可*/
margin:0 auto;
}

找到你要的答案了嗎？若是，請別急著走，更不要吝嗇你的掌聲，撥個兩秒鐘，幫忙按個「讚」吧。另外，工商服務的視窗也是很精采的，別忘了多留意一下，是否有你需要的資訊。

賈伯斯說：求知若渴，虛懷若愚。處處留心皆學問，說不定這些精采的廣告，還可以讓你的人生旅途更加的豐富、更加的精采。

① 為了讓下一個查詢資料的人，可以更快速的查詢到正確的資料，如您有其它資訊可提供，或發現以上訊息有誤時，煩請留下訊息，我們將立即更正。

② 以上資料僅供參考，實際費用仍以原始店家公告為準。

延伸閱讀

• 【CSS】- PIXNET 痞客邦部落格文章格式 - 行距|字距|段落間距 - 如何修改？
• 【CSS】- PIXNET 痞客邦部落格版面大小調整
• 【CSS】- PIXNET 痞客邦引用外部相片 - 相簿空間不足時
• 【CSS】- PIXNET 痞客邦部落格 各種格式範例 - 框線
• 【CSS】- PIXNET 痞客邦部落格 - 側欄調整
• 【CSS】- PIXNET 痞客邦部落格 - 繼續閱讀 - 如何修改？
• 【CSS】- PIXNET 痞客邦部落格 - 下拉選單
• 【CSS】- PIXNET 痞客邦部落格 - 各區塊名稱|板面修改