隨手記錄

【CSS】- PIXNET 痞客邦部落格 - 側欄調整

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

▶ 關鍵字

.box

▶ 說 明

搜尋此關鍵字後，會找到如以下範例的程式碼。直接修改相要參數即可。雖然是這樣說，但每個參考還是要研究一下。不管如何，還是先記錄下來，以後再來好好研究一下。

▶ 範 例

.box {
margin: 0 auto 10px;
width: 100%;
}
.box-title {
font-size: 18px;
height: 32px;
overflow: hidden;
line-height: 32px;
color: #000;
text-align: center;
border-bottom: 1px solid #000;
padding: 0 10px;
font-weight: lighter;
}
.box-text {
color: #000;
font-size: 12px;
padding: 10px 0px;
.box-text a { color: blue; }
.box-text a:hover { color: #000; }
.inner-box {}
.inner-box ul {
margin: 0 0 0 1.3em;
}
.box-more {
text-align: center;
margin: 5px auto;
}
.box-more a {
font-size: 11px;
color: #999;
background: #eee;
border: 1px solid #fff;
padding: 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.box-more a:hover {
color: #444;
text-decoration: none;
background: #f5f5f5;
border: 1px solid #ccc;
}

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

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

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

延伸閱讀

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