【Pixnet痞客邦部落格面版css語法分享】
感恩UDN好友Kazumi, artpudding, pig90095, pippen0到痞客邦陪我, 蝶心特將更改背景圖的語法分享給大家, 以減少大家設置新版摸索的時間!
您看了紫翼夢痕痞客邦, 喜歡我設計的面版嗎? 如果您也想擁有自己專屬的背景網頁, 請參考下列方法, 進行部落格佈置!
請輸入帳號和密碼登入痞客幫邦後, 點選後台管理, 再點選版面管理, 最後點選編輯css, 然後在模版中選擇Pixnet兩欄式(原gray2), 它會出現css語法, 請複製下列css語法貼到原來的css語法上完全覆蓋, 再輸入您背景圖的網址(紅字顯示處)!...如果您要變更字體, 請在綠色顯示處輸入標楷體或其它字體...front size(粉紅色顯示處)表示文字大小, 數字越大字體越大....color是字體顏色或背景顏色, 可以在井字符號後修改色碼!
背景圖尺寸1024x800
您不妨試試以上的方法, 去佈置您Pixnet的新家喔!
/*background部落格背景圖*/
body {
font-size: 12pt;
font-family: "新細明體";
letter-spacing: 1px;
color: #00ffff;
background: #D8AFFF url(輸入背景圖網址) repeat-x 0px -150px fixed;
margin: 10px 0px;}
br {
letter-spacing: 0px;
}
/*繼續閱讀,上一頁, 下一頁字體顏色*/
a {
color: #FA00F7;
text-decoration: none;
}
a:hover {
color: #369;
}
p { margin: 0px; }
ul { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; list-style: none; }
.Upgrade {
display: none;
}
/*寬度與邊距*/
#Container {
width: 902px;
margin: 0px auto;
}
/*top表頭*/
#Top {
position: relative;
height: 120px;
color: #FA00F7;
border-top: 0px solid #ccc;
padding: 0px;
z-index: 1;
}
/*部落格名稱字體大小,位置及顏色*/
#BlogHeader {
width: 500px;
overflow: hidden;
font-family: "標楷體";
font-size: 24pt;
padding: 20px 0px 0px 10px;
margin: 2px 0px 0px 0px;
}
#BlogHeader a { color: #9999ff; }
#BlogHeader a:hover { color: #9900ff; }
/*部落格介紹*/
#BlogDescr {
position: absolute;
bottom: 0px;
left: 20px;
width: 500px;
height: 50px;
font-family: "標楷體";
font-size: 16pt;
text-align: left;
color: #FA00F7;
padding: 0px 10px 0px 0px;
overflow: hidden;
}
/*userLink*/
#userBlock {}
#userBlock .Sidebody { padding: 10px; }
#userBlock .userImg td {
width: 200px;
text-align: left;
}
#userBlock .userImg img {
margin: 0px auto;
}
.userLink {
}
/*main*/
#Main {
margin: 10px 1px 0px 1px;
}
/*sidebar左右欄位設定*/
#Sidebar {
position: relative;
float: left;
width: 200px;
overflow: hidden;
word-break: break-all;
}
.Sideblock {
width: 200px;
margin: 0px auto 10px auto;
}
.Sidetitle {
height: 25px;
overflow: hidden;
}
/*左右欄位標題顏色*/
.Sidetitle H4 {
font-size: 12pt;
font-weight: dark;
line-height: 25px;
text-align: center;
color: #fff;
/*左右欄位標題底色*/
background:#9D37FF;
filter:alpha(opacity=30);
padding: 0px 8px;
margin: 0px;
}
/*欄位標題顏色*/
.Sidetitle H4 a { color: #fff;
}
/*欄位內容顏色*/
.Sidebody {
color: #1C19FF;
line-height: 18px;
background:#D8AFFF;
filter:alpha(opacity=30);
/*欄位字體邊距*/
padding: 10px;
margin: 0px 2px;
}
.Sidebody a { color: #8000FA; }
.Sidebody a:hover { color: #fff; background: #FF19FC; }
.Sidebody img { vertical-align: middle; }
/*sidebar_other自訂欄位*/
#CalendarPlugin .Sidebody {
padding: 10px;
padding-bottom: 10px;
}
table.calMonth {
width: 200px;
margin: 0px auto;
}
table.calMonth th {
font-weight: normal;
line-height: 18px;
}
table.calMonth td {
text-align: center;
line-height: 20px;
border: none;
background: #bdf;
}
table.calMonth td a {
display: block;
background: #fff;
padding: 10px;
}
/*content文章寬度及位置設定*/
#Content {
float: right;
width: 550px;
margin-right: 0px;
}
/*文章標題*/
.mainEntry {
margin-bottom: 10px;
}
.mainEntryTitle {
height: 30px;
}
.mainEntryTitle H3 {
line-height: 30px;
font-size: 14pt;
font-weight: normal;
padding: 0px 0px 0px 10px;
margin: 0px;
}
/*標題連結字體顏色*/
.mainEntryTitle H3 a { color: #ff1c19; }
/*標題連結字體顏色*/
.mainEntryTitle H3 a:hover { color: #ff99ff; }
.mainEntryBody {
background: url() repeat-y;
}
/*發文日期*/
.date {
width: 550px;
height: 25px;
font-size: 12pt;
text-align: right;
color: #007AFA;
padding: 0px 0px 0px 0px;
}
span.date { background: none; margin-right: 10px; }
p.mainEntryBase {
line-height: 200%;
margin: 10px 10px;
}
/*人氣顏色*/
.mainEntryfoot {
color: #FF1C19;
padding-right: 5px;
}
/*pixnet佈置秘笈等字體顏色*/
.mainEntryfoot a { color: #00BCBE; }
/*pixnet佈置秘笈等連結字體顏色*/
.mainEntryfoot a:hover { color: #3799FF; }
.mainEntryfoot br { line-height: 0px; }
input#trackback_url {
color: #aaa;
font-family: "Arial";
font-size: 10pt;
letter-spacing: 1px;
border: none !important;
border-bottom: 1px solid #FF37FD !important;
padding: 0px;
}
.mainEntryBottom {
height: 20px;
padding: 20px 0px 5px 0px;
}
.mainEntryBottom a.ptop {
display: block;
width: 50px;
text-align: center;
/*TOP字體顏色*/
color: #FF37FD;
margin-left: 10px;
}
.mainEntryBottom a.ptop:hover {
color: #fff;
}
.maintagline {
margin: 5px 10px;
}
.maintagline b {
font-weight: normal;
margin-right: 10px;
}
.maintagline br { display: none; }
.maintagline img { vertical-align: middle; }
.extended {
margin: 0px 10px;
}
.extended b {
font-weight: normal;
}
.extended a {
margin-left: 25px;
}
/*comments文章迴響*/
#Comments {}
H4.commentTitle {
font-size: 0px;
font-weight: normal;
color: #DC00D9;
line-height: 0px;
}
H4.commentTitle a {
display: block;
width: 100px;
height: 30px;
text-align: center;
font-size: 0pt;
text-indent: -5000px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/1182914119.gif) no-repeat center center;
margin: 18px auto;
}
H4.commentTitle a:hover {}
.commentBody {
padding: 0px;
margin: 0px auto;
}
/*迴響內容文字顏色*/
.CommentInnerBox {
color: #7100DC;
background: none;
border-bottom: 1px solid #8be;
margin-bottom: 10px;
}
.CommentInnerBox br { line-height: 0px; }
/*迴響標題*/
.commentheader {
color: #DC00D9;
padding: 5px 10px;
}
.commentcontent {
padding: 10px;
}
.commentcontent br { line-height: 18px; }
.commentposterinfo {
color: #47a;
height: 20px;
_height: 17px;
_padding-top: 3px;
line-height: 20px;
text-align: right;
padding-right: 5px;
}
.commentposterinfo a { background: #ace; }
.commentposterinfo a:hover { background: none; }
.commentposterinfo br { display: none; }
.commentposterinfo img {
visibility: hidden;
width: 12px;
height: 12px;
vertical-align: middle;
}
.replyBox {
background: none;
border: none;
padding: 0px;
margin: 0px 0px 10px 50px;
}
.replyBox span {
color: #999;
padding: 0px 0px 0px 10px;
}
.replyContent {
color: #258;
padding: 5px 5px 5px 30px;
}
.replyInfo {
display: yes;
}
/*footer*/
#pagefooter {
clear: both;
height: 38px;
text-align: left;
color: #58b;
border-bottom: 1px solid #ccc;
background: url() no-repeat bottom;
padding: 60px 0px 0px 10px;
}
#pagefooter a { color: #369; }
#pagefooter a:hover { color: #58b; }
#pagefooter div { display: inline; }
#pagefooter img { display: none; }
/*捲軸顏色變更設定→紫框*/
html{
scrollbar-base-color : #FF55FD;整體顏色;
scrollbar-face-color : #b478f0;軸面顏色;
scrollbar-track-color: #9600f0;軸軌顏色;
scrollbar-arrow-color : #ff00ff;箭頭顏色;
scrollbar-3dlight-color: #ff00ff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ff00ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff00ff;右立體邊顏色;
}
來源: http://tw.myblog.yahoo.com/jw!fdpwQ9aQBQOuyx_h0_vzXG8btQVTWbEpYg--/article?mid=12598
