公告版位

【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

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

創作者介紹
創作者 穎ㄇㄚˊㄇㄚˊ 的頭像
穎ㄇㄚˊㄇㄚˊ

♥ β α β γ ♡ 幸福一口灶

穎ㄇㄚˊㄇㄚˊ 發表在 痞客邦 留言(0) 人氣()


留言列表 (0)

發表留言