✿ღ 夜貓子の心靈饗宴 ღ✿

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ru6854.myweb.hinet.net/53.ani), pointer;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg); color:#fff;line-height:150%;} a {color:#BCA6D4;} a:hover {color:#ffffff;cursor : url(http://ru6854.myweb.hinet.net/54.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #BCA6D4;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 518px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://i.imgur.com/HqRqyWX.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#BCA6D4;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 420px; top: 180px; height:60px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#BCA6D4; font-family:微軟正黑體; line-height:20px; text-shadow:0px 0px 0 #fff;} #banner h1 a:hover { color:#fff;} #banner h2{ position:absolute; left: 420px; top: 220px; font-family:微軟正黑體; font-size:16px; font-size: 14; color:#BCA6D4; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#BCA6D4; position:absolute; right:130px; bottom:20px;} #banner #blog-category a{ color:#BCA6D4;} #banner #blog-category a:hover { color:#fff;} /*--------------------------navigation*/ #navigation { position:absolute; top:427px; left:550px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#BCA6D4; font-family:標楷體; padding-left:20px;} #navigation a:hover { color: #fff;} /*--------------------------main中間*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{width:650px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 270px ; margin-top: -10px ;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#000; padding: 10px 15px; border:1px solid #BCA6D4;} #spotlight h5{ color:#BCA6D4; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #fff;} #spotlight-text{ color:#fff;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #BCA6D4; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:13px; font-family:verdana; height: 38px; color:#5C4592; text-shadow:1px 1px 0 #fff; padding-top:10px; padding-left:32px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ca2/14115650/745504352_x.jpg) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #6E4DBB; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #BCA6D4;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#fff;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#fff;} .article-content{ color:#fff; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; border: 3px double #BCA6D4; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#BCA6D4;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #fff;} .main-list td{padding:5px; border-bottom:1px solid #fff;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c90/14115650/750409550_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66cab/14115650/750410089_x.jpg) left bottom no-repeat;} .post-comment { font-size: 18px; font-weight:900; font-style: italic; display:block; width:144px; height: 79px; letter-spacing: 0.2em; line-height:60px; text-indent:25px; background: url(http://b.share.photo.xuite.net/ru6854/1b66c7b/14115650/750434873_x.jpg) no-repeat; margin:5px auto; } .post-comment a { color: #AFAFFF;} .post-comment a:hover{ color: #fff;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background:#000; border:1px solid #BCA6D4;} .post-info{color:#BCA6D4; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px dotted #C675EC;} .post-text{ color:#fff; float: left; width: 500px;} .reply-text{ border-top:1px dashed #BCA6D4; padding-top:5px; color:#fff; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #BCA6D4; margin: 0 1px; color:#FFF;} .page a:hover{ background:#BCA6D4; border:1px solid #BCA6D4; color:#fff;} .page SPAN{color:#BCA6D4;} /*--------------------------links 側欄*/ #links{ float:right; width: 440px; margin-right:1px;} #links{ color: #BCA6D4; border-bottom:1px dotted #fff; width:220px ;float:left; margin: -300px 0px 0px 10px ;} #links a{ font-size: 16px; color:#BCA6D4; border-bottom:1px dotted #fff;} #links-row-1{width:220px ; float:left ; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -890px ; margin-top: 300px ;} #links-row-2{ width:220px ; float:right ; background-image: url(); background-repeat: repeat; margin-right: -30px ; margin-top: 300px ;} .box{margin-bottom: 30px ; background:url(http://b.share.photo.xuite.net/ru6854/1b66c4f/14115650/742725901_x.jpg) left top repeat-y;} .box-title{ background: url( http://b.share.photo.xuite.net/ru6854/1b66c9a/14115650/742725720_x.jpg) left top no-repeat; height:40px; font-family:華康行書體; font-size: 1.5em ; padding:30px 0px 0px 80px; font-weight: bold ;color:#BCA6D4;} .box-text{padding:0 20px; color:#fff;_height: 1% ; padding-bottom:20px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ced/14115650/742726059_x.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c62/14115650/742742304_x.jpg) ; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#FFF ;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFF; padding:3px; border:1px solid #FFF;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#BCA6D4; color:#fff; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #BCA6D4;} /*誰來我家我去誰家語法不需要也可自行刪除*/ /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#BCA6D4;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#BCA6D4; border: 3px double #BCA6D4; background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cad/13852750/726138463_x.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #BCA6D4; background-image:url(http://0.share.photo.xuite.net/z999733/10ddf37/6047199/243237976_x.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color:#C6BDDC; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#BCA6D4; scrollbar-darkshadow-color:#BCA6D4; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#BCA6D4;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c0b/14115650/745527753_x.jpg); background-repeat:no-repeat; background-position:left center;color:#BCA6D4;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c3e/14115650/745527804_x.jpg); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c79/14115650/745527863_x.jpg); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣顏色調整*/ .author span { color: #BCA6D4;}

痞客樣式10預覽圖右欄式

版型右欄語法複製↓

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ru6854.myweb.hinet.net/53.ani), pointer;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg); color:#fff;line-height:150%;} a {color:#BCA6D4;} a:hover {color:#ffffff;cursor : url(http://ru6854.myweb.hinet.net/54.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #BCA6D4;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 518px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://i.imgur.com/HqRqyWX.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#BCA6D4;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 420px; top: 180px; height:60px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#BCA6D4; font-family:微軟正黑體; line-height:20px; text-shadow:0px 0px 0 #fff;} #banner h1 a:hover { color:#fff;} #banner h2{ position:absolute; left: 420px; top: 220px; font-family:微軟正黑體; font-size:16px; font-size: 14; color:#BCA6D4; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#BCA6D4; position:absolute; right:130px; bottom:20px;} #banner #blog-category a{ color:#BCA6D4;} #banner #blog-category a:hover { color:#fff;} /*--------------------------navigation*/ #navigation { position:absolute; top:427px; left:550px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#BCA6D4; font-family:標楷體; padding-left:20px;} #navigation a:hover { color: #fff;} /*--------------------------main中間*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{width:850px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 70px ; margin-top: -10px ;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#000; padding: 10px 15px; border:1px solid #BCA6D4;} #spotlight h5{ color:#BCA6D4; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #fff;} #spotlight-text{ color:#fff;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #BCA6D4; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:13px; font-family:verdana; height: 38px; color:#5C4592; text-shadow:1px 1px 0 #fff; padding-top:10px; padding-left:32px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ca2/14115650/745504352_x.jpg) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #6E4DBB; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #BCA6D4;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#fff;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#fff;} .article-content{ color:#fff; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; border: 3px double #BCA6D4; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#BCA6D4;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #fff;} .main-list td{padding:5px; border-bottom:1px solid #fff;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c90/14115650/750409550_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66cab/14115650/750410089_x.jpg) left bottom no-repeat;} .post-comment { font-size: 18px; font-weight:900; font-style: italic; display:block; width:144px; height: 79px; letter-spacing: 0.2em; line-height:60px; text-indent:25px; background: url(http://b.share.photo.xuite.net/ru6854/1b66c7b/14115650/750434873_x.jpg) no-repeat; margin:5px auto; } .post-comment a { color: #AFAFFF;} .post-comment a:hover{ color: #fff;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background:#000; border:1px solid #BCA6D4;} .post-info{color:#BCA6D4; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px dotted #C675EC;} .post-text{ color:#fff; float: left; width: 500px;} .reply-text{ border-top:1px dashed #BCA6D4; padding-top:5px; color:#fff; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #BCA6D4; margin: 0 1px; color:#FFF;} .page a:hover{ background:#BCA6D4; border:1px solid #BCA6D4; color:#fff;} .page SPAN{color:#BCA6D4;} /*--------------------------links 側欄*/ #links{ float:right; width: 440px; margin-right:1px;} #links{ color: #BCA6D4; border-bottom:1px dotted #fff; width:220px ;float:left; margin: 0px 0px 0px 10px ;} #links a{ font-size: 16px; color:#BCA6D4; border-bottom:1px dotted #fff;} .box{margin-bottom: 30px ; background:url(http://b.share.photo.xuite.net/ru6854/1b66c4f/14115650/742725901_x.jpg) left top repeat-y;} .box-title{ background: url( http://b.share.photo.xuite.net/ru6854/1b66c9a/14115650/742725720_x.jpg) left top no-repeat; height:40px; font-family:華康行書體; font-size: 1.5em ; padding:30px 0px 0px 80px; font-weight: bold ;color:#BCA6D4;} .box-text{padding:0 20px; color:#fff;_height: 1% ; padding-bottom:20px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ced/14115650/742726059_x.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c62/14115650/742742304_x.jpg) ; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#FFF ;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFF; padding:3px; border:1px solid #FFF;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#BCA6D4; color:#fff; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #BCA6D4;} /*誰來我家我去誰家語法不需要也可自行刪除*/ /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#BCA6D4;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#BCA6D4; border: 3px double #BCA6D4; background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cad/13852750/726138463_x.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #BCA6D4; background-image:url(http://0.share.photo.xuite.net/z999733/10ddf37/6047199/243237976_x.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color:#C6BDDC; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#BCA6D4; scrollbar-darkshadow-color:#BCA6D4; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#BCA6D4;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c0b/14115650/745527753_x.jpg); background-repeat:no-repeat; background-position:left center;color:#BCA6D4;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c3e/14115650/745527804_x.jpg); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c79/14115650/745527863_x.jpg); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣顏色調整*/ .author span { color: #BCA6D4;}

痞客樣式10預覽圖左欄式

版型左欄語法複製↓

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ru6854.myweb.hinet.net/53.ani), pointer;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*--------------------------all setting */ body {font-size:15px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg); color:#fff;line-height:150%;} a {color:#BCA6D4;} a:hover {color:#ffffff;cursor : url(http://ru6854.myweb.hinet.net/54.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #BCA6D4;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 518px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://i.imgur.com/HqRqyWX.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:507px; color:#fff;} #login-bar a{ color:#BCA6D4;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 420px; top: 180px; height:60px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#BCA6D4; font-family:微軟正黑體; line-height:20px; text-shadow:0px 0px 0 #fff;} #banner h1 a:hover { color:#fff;} #banner h2{ position:absolute; left: 420px; top: 220px; font-family:微軟正黑體; font-size:16px; font-size: 14; color:#BCA6D4; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#BCA6D4; position:absolute; right:130px; bottom:20px;} #banner #blog-category a{ color:#BCA6D4;} #banner #blog-category a:hover { color:#fff;} /*--------------------------navigation*/ #navigation { position:absolute; top:427px; left:550px;} #navigation li { float:left; height:32px; line-height:20px; padding:0 15px;} #navigation a { font-size:25px; color:#BCA6D4; font-family:標楷體; padding-left:20px;} #navigation a:hover { color: #fff;} /*--------------------------main中間*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{ width:850px ; float:right ; background:#fff ; background:url() repeat; margin:0 auto; margin-right: 70px ; margin-top: -10px ; } /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#000; padding: 10px 15px; border:1px solid #BCA6D4;} #spotlight h5{ color:#BCA6D4; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #fff;} #spotlight-text{ color:#fff;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #BCA6D4; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:13px; font-family:verdana; height: 38px; color:#5C4592; text-shadow:1px 1px 0 #fff; padding-top:10px; padding-left:32px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ca2/14115650/745504352_x.jpg) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #6E4DBB; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #BCA6D4;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#fff;} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#fff;} .article-content{ color:#fff; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; border: 3px double #BCA6D4; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#BCA6D4;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:1px solid #fff;} .main-list td{padding:5px; border-bottom:1px solid #fff;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 65px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c90/14115650/750409550_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66cab/14115650/750410089_x.jpg) left bottom no-repeat;} .post-comment { font-size: 18px; font-weight:900; font-style: italic; display:block; width:144px; height: 79px; letter-spacing: 0.2em; line-height:60px; text-indent:25px; background: url(http://b.share.photo.xuite.net/ru6854/1b66c7b/14115650/750434873_x.jpg) no-repeat; margin:5px auto; } .post-comment a { color: #AFAFFF;} .post-comment a:hover{ color: #fff;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ; padding: 10px; width: 580px; background:#000; border:1px solid #BCA6D4;} .post-info{color:#BCA6D4; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px dotted #C675EC;} .post-text{ color:#fff; float: left; width: 500px;} .reply-text{ border-top:1px dashed #BCA6D4; padding-top:5px; color:#fff; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{float: none;width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input #trackback-input{ width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{width:auto ; float:none ;} /*--------------------------pages*/ .page{padding: 20px; text-align: center;} .page a,.page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #BCA6D4; margin: 0 1px; color:#FFF;} .page a:hover{ background:#BCA6D4; border:1px solid #BCA6D4; color:#fff;} .page SPAN{color:#BCA6D4;} /*--------------------------links 側欄*/ #links{ float:left; width: 440px; margin-right:1px;} #links{ color: #BCA6D4; border-bottom:1px dotted #fff; width:220px ; float:right; margin: 0px 30px 0px 10px ;} #links a{ font-size: 16px; color:#BCA6D4; border-bottom:1px dotted #fff;} .box{margin-bottom: 30px ; background:url(http://b.share.photo.xuite.net/ru6854/1b66c4f/14115650/742725901_x.jpg) left top repeat-y;} .box-title{ background: url( http://b.share.photo.xuite.net/ru6854/1b66c9a/14115650/742725720_x.jpg) left top no-repeat; height:40px; font-family:華康行書體; font-size: 1.5em ; padding:30px 0px 0px 80px; font-weight: bold ;color:#BCA6D4;} .box-text{padding:0 20px; color:#fff;_height: 1% ; padding-bottom:20px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ced/14115650/742726059_x.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c62/14115650/742742304_x.jpg) ; color:#C675EC;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#FFF ;} #recent-article img{ display: none;} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#FFF; padding:3px; border:1px solid #FFF;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#BCA6D4; color:#fff; margin:1px; display:block;} #search ul, #visitor ul, #crumb ul{ overflow: hidden; _overflow: none;_height: 1%;margin-bottom:5px;} #visitor li, #crumb li{ float:left; line-height:0; margin:2px;} /*誰來我家我去誰家*/ #visitor li img, #crumb li img{ width: 40px; height:40px; padding:1px; background:#000; border:1px dotted #BCA6D4;} /*誰來我家我去誰家語法不需要也可自行刪除*/ /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:40px;width:40px;} #visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 1px; background:#BCA6D4;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:40px;width:40px;} #crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家我去誰家語法結束*/ #search li{float: left;margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block;width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://b.share.photo.xuite.net/ru6854/1b66c07/13852750/724842425_x.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#BCA6D4;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#BCA6D4; border: 3px double #BCA6D4; background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cad/13852750/726138463_x.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #BCA6D4; background-image:url(http://0.share.photo.xuite.net/z999733/10ddf37/6047199/243237976_x.jpg) ; padding: 2px;width:90%;} /*捲軸*/ HTML{scrollbar-face-color:#C6BDDC; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#BCA6D4; scrollbar-darkshadow-color:#BCA6D4; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#BCA6D4;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c0b/14115650/745527753_x.jpg); background-repeat:no-repeat; background-position:left center;color:#BCA6D4;border-bottom:1.5px dotted #fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c3e/14115650/745527804_x.jpg); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c79/14115650/745527863_x.jpg); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; } /*--------------------------單篇人氣顏色調整*/ .author span { color: #BCA6D4;}

痞客網誌隱藏語法:

/*---------------------------------------------------------------------*/

除了綠色字之外，其他可直接複製至CSS裡，方便以後更改。：）

#login-bar/*招呼語&登入登出*/
#banner .skiplink/*跳到主文*/
#blog-category/*部落格全站分類*/
.day/*文章日期的週*/
.back-to-top/*回到最上頁*/
.post-info img/*迴響者資訊的圖示*/
.reply-text p/*版主回覆資訊*/
.user-ip/*迴響者IP*/
.img.pixnet-user/*迴響者的PIXNET會員圖示*/
#visitor .box-text .box-more/*誰來我家的所有訪客列表*/
#murmur .box-title/*碎碎唸欄位的標題*/
#murmur .box-more/*碎碎唸欄位的所有歷史碎碎唸*/
#counter .box-title/*參觀人氣欄位的標題*/
#category .box-text .box-more/*文章分類欄位的總開合按鈕*/
#footer #bottom/*頁尾超連結*/　(回到首頁&回到主文&免費註冊&服務中心&痞客邦首頁)
.article-footer/*文章附加資訊*/
.title h2 img/*文章標題的圖示*/
#category .box-more/*文章分類欄位的總開合按鈕*/　(同#category .box-text .box-more)
#recent-article img/*近期文章欄位的圖示*/
#category .box-text h6 img/*文章分類欄位的分類目錄圖示*/
.author span /*單篇文章人氣*/