精選版型 @ 【亭】美麗的"心"世界

Jul 14 Mon 2014 07:59
痞客樣式 07 自描畫可愛娃娃三欄式兩欄式可靠右靠左欄

↓

痞客樣式07預覽圖三欄式

建議解析度1024X768以上

更多背景特效將陸續收集

版型三欄語法複製↓

/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/ #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/205.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://i.imgur.com/Hma5sUq.gif); color:#E36B9C;line-height:150%;} a {color:#ccc;} a:hover {color:#E36B9C;cursor : url(http://ru6854.myweb.hinet.net/206.ani), pointer;} #body-div{} /*--------------------------authority*/ #authority{border-bottom:1px dashed #333; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #E36B9C;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://b.share.photo.xuite.net/ru6854/1b66c33/6228102/254303405_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 527px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://i.imgur.com/Vrx86gC.gif) no-repeat;} #login-bar{ position:absolute; left:100px; top:417px; color:#E36B9C;} #login-bar a{ color:#E36B9C;} #banner{} #banner h1{ position:absolute; left: 400px; top: 70px; height: 20px; width:250px; overflow:hidden;} #banner h1 a{ font-size:24px; color:#E36B9C; font-weight:bold; line-height: 20px; text-shadow:1px 2px 0 #fff;} #banner h2{ position:absolute; left: 400px; top: 130px; font-size:16px; font-size: 14; color:#E36B9C; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#ccc; position:absolute; right:130px; bottom:20px;} #banner #blog-category a{ color:#ccc;} /*--------------------------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:#E36B9C; font-family:標楷體; padding-left:20px;} #navigation a:hover { color: #000;} /*--------------------------main中間*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c33/6228102/254303405_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:#250E12; padding: 10px 15px; border:1px solid #623539;} #spotlight h5{ color:#623539; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #623539;} #spotlight-text{ color:#fff;} /*---------------------*/ .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #623539; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 50px; color:#fff; text-shadow:1px 1px 0 #E36B9C; padding-top:10px; padding-left: 50px; background:url( http://b.share.photo.xuite.net/ru6854/1b66c2d/6228102/254381479_x.jpg) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #E36B9C; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #E36B9C;} .title img{display: none;} .title a img{display: inilne} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#E36B9C;} .article-content{ color:#E36B9C; 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:#623539; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #E36B9C;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#E36B9C;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#623539; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:2px solid #E36B9C;} .main-list td{padding:5px; border-bottom:1px solid #E36B9C;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title{ height: 33px; margin-bottom: 20px; font-size:0; text-indent: -5000px;background:url(http://b.share.photo.xuite.net/ru6854/1b66ca4/6228102/623773214_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66ca4/6228102/623773214_x.jpg) left bottom no-repeat;} .post-comment{ display:none;} .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:#623539; border:1px solid #E36B9C;} .post-info{color:#E36B9C; 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 solid #11CFFF;} .post-text{ color:#fff; float: left; width: 500px;} .reply-text{ border-top:1px dashed #E36B9C; padding-top:5px; color:#E36B9C; 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 #E36B9C; margin: 0 1px; color:#E36B9C;} .page a:hover{ background:#E36B9C; border:1px solid #00FF00; color:#fff;} .page SPAN{color:#E36B9C;} /*--------------------------links 側欄*/ #links{ float:right; width: 440px; margin-right:1px;} #links{ color: #250E12; border-bottom:1px dotted #fff; width:220px ;float:left; margin: -300px 0px 0px 10px ;} #links a{ font-size: 16px; color:#250E12; 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: 10px ; background:url(http://b.share.photo.xuite.net/ru6854/1b66c64/6228102/623230174_x.jpg) left top repeat-y;} .box-title{ background: url( http://b.share.photo.xuite.net/ru6854/1b66c53/6228102/623229645_x.jpg) left top no-repeat; height:37px; font-size: 1em ; padding:18px 15px 0px 45px; font-weight: bold ;color:#000;} .box-text{padding:0 20px; color:#250E12;_height: 1% ; padding-bottom:20px; background:url(http://b.share.photo.xuite.net/ru6854/1b66cac/6228102/623230502_x.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#E36B9C;} .box-text a:hover{ background:#E36B9C; color:#E36B8C;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#666 ;} #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:#2623539; padding:3px; border:1px solid #E36B9C;} #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:#E36B9C; 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: 50px; height:50px; padding:1px; background:#623539; border:1px solid #E36B9C;} #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/1b66c33/6228102/254303405_x.jpg) no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#E36B9C;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#E36B9C; border: 3px double #E36B9C; background: #623539; 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: #666; border: 1px solid #ccc; background: #C59797; padding: 2px;width:90%;} /*誰來我家我去誰家語法不需要也可自行刪除*/ /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #visitor .box-text li a{ height:35px;width:35px; display:block; MARGIN: 5px; background:#C59797; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#A15B63;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:45px;width:45px;} #visitor .box-text li a:hover img{visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor IMG {} #crumb .box-text li a{ height:35px;width:35px; display:block; MARGIN: 5px; background:#C59797;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#A15B63;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:45px;width:45px;} #crumb .box-text li a:hover img{visibility:visible;height:45px;width:45px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} /*誰來我家我去誰家語法結束*/ /*捲軸*/ html{SCROLLBAR-FACE-COLOR:#623539; SCROLLBAR-HIGHLIGHT-COLOR:#196595E; SCROLLBAR-3DLIGHT-COLOR:#96595E; SCROLLBAR-ARROW-COLOR:#96595E; SCROLLBAR-DARKSHADOW-COLOR:#623539;} /*前文章小小圖*/ #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c1a/6228102/254384020_x.jpg); background-repeat:no-repeat; background-position:left center;color:#250E12;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/1b66c21/6228102/254384027_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/1b66c1a/6228102/254384020_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: #fff;}

痞客樣式07預覽圖右欄式

幸福1+1+1

"亭"下來看看

目前分類：精選版型 (385)

相簿幻燈片

最新文章

文章分類

熱門文章

誰來我家

我的好友

參觀人氣