【CSS】 | 痞客邦版面
【CSS】-PIXNET痞客邦部落格版面大小調整PIXNET痞客邦部落格版面大小調整,大概就是調整以下三個部分,請依照比例或自己想要的大小下去做修正。其方法為『部落格後台-->樣式管理-->部落格CSS原始碼』。然後按「Alt+F」尋找紅色的關鍵字,並依照下面綠色註解的地方去修改即可。 ●版面的總寬度▶關鍵字container ▶說 明搜尋此關鍵字後,會找到如以下範例的程式碼。直接修改width後面的值即可。數值的單位可以px或%。個人是習慣用%。 ▶範 例#container{width:100%; }#container2{background:url()repeat-xtop;}#container3{overfl...
【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後面的...