close

【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;
}

 

 

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

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

 

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

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

 

 

延伸閱讀

  •  

arrow
arrow
    文章標籤
    痞客邦 - CSS
    全站熱搜

    News123 發表在 痞客邦 留言(4) 人氣()