自然

背景圖尺寸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

本文引用自min0427 - 【Pixnet痞客邦部落格面版css語法分享】

    翔

本文引用自ru6854 - 【Pixnet痞客邦部落格面版css語法分享】