各位喜愛星野亞希的北鼻們有福了

版主今日要推薦的這款語法是星野亞希的部落格模版

這款樣式是版主親手用痞客邦模版來製作的

版主嘗試用解析度1024 X 768的桌布JPEG圖檔來製作部落格的模版

希望各位喜愛星野亞希的北鼻們會喜歡這款

喜歡這款的北鼻們請自取唷


Ethos-whitebear0009.jpg

@版主的貼心小叮嚀:
1.由於版主沒有提供預覽圖示  所以請自行將喜歡的語法貼回自己的樣式設計精靈點選預覽樣式
2.若遇到版主的語法有問題   請盡速通知版主修正或到版主的部落格中在重新複製語法
3.版主會將私下分享的自製語法檢查N遍   若有錯誤會修正並貼回原來發表樣式的文章中



免責聲明:
1.本CSS語法痞客邦模版才適用喔
2.本人非抄襲他人  若有雷同純屬巧合
3.若有侵權行為請告知   本人立刻下架
4.本語法是本人私下分享非為公開貢獻的樣式
5.若有不滿意之處可以盡情且任意修改

6.拿走樣式語法記得留言唷!若無法按右鍵複製請立即留下你的足跡通知我
7.請尊重原著  不要擅自發表或分享   發表或分享時請善用引用

8.以上規則希望各位能遵守  不便之處敬請見諒

語法如下

/*************************************
作者:ccs by  陽光甜姐兒   http://b39650118.pixnet.net/blog
套用請留言,修改請留言給我
別當小偷喔,卸卸你的尊重呀
**************************************/
/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,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;}

a { text-decoration: none;  }

br{letter-spacing: normal;}
/*--------------------------all setting*/

HTML {
 SCROLLBAR-FACE-COLOR: #d8b448;
 SCROLLBAR-HIGHLIGHT-COLOR: #b46c24;
 SCROLLBAR-SHADOW-COLOR: #b46c24;
 SCROLLBAR-3DLIGHT-COLOR: #b46c24;
 SCROLLBAR-ARROW-COLOR: #b46c24;
 SCROLLBAR-TRACK-COLOR: #b46c24;
 SCROLLBAR-DARKSHADOW-COLOR: #b46c24;
 SCROLLBAR-BASE-COLOR: #b46c24
overflow-x:hidden; }

body {
 font-size:12px;
 font-family:arial;
 color:#b46c24;
 }
#blog-main{}
#article-main{}

a {color:#a28437;}
a:hover {
 color:#a28437;
}

#body-div{}

/*--------------------------authority*/

#authority{
 background:#a28437;
 text-align:center;
 font-size:11px;
 line-height:20px;
 }
#authority a{
 padding:0 3px;
 color:#fff;
 }
#authority a:hover{
 color:#ffe569;
 }
#authority a#newpost {}
#authority a#backstage {}

/*--------------------------container*/

#container{ background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c602b774dc.jpg) top left repeat-x #fff;}
#container2{
 width: 932px;
 margin:0  auto;
 background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c60285233c.jpg) left top repeat-y;
 position:relative;
 }
#container3{}

/*--------------------------header*/

#header{
 background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/492068172e502.jpg) -130px top no-repeat;
 height:630px;
  }
#extradiv9{
 z-index:900;
 width: 259px;
 height:650px;
 background: url() left top no-repeat;
 overflow:hidden;
 position:absolute;
 left:0px;
 top:0;
 }
#login-bar{
 position: absolute;
 top:10px;
 right:110px;
 font-size:11px; *font-size:10px;
 z-index:3;
 color:#000;
 }

#banner{}
#banner h1{
        position:relative;
        text-align:left;
     display: block;
     height: 22px;
        _height: inherit;
        overflow: hidden;
  top:567px;
  left:160px;
}
#banner h1 a{   
 font-size: 20px;
 font-family: "Simhei";
 color: #ffe7a2;
}
#banner h1 a:hover{
        color:#fff;
}
#banner h2{       
        position:relative;
        text-align:left;
     display: block;
     height: 22px;
        _height: inherit;
        overflow: hidden;
  top:548px;
  left:450px;
  color:#fff;
  width: 450px;
  } 
#banner .skiplink { display:none;}
#banner #blog-category{ display:none;}

/*--------------------------navigation*/

#navigation{ 
    position:absolute;
 top:50px;
 right:50px;
 margin:0;
 padding:0;
 font-size:0px;
 width: 457px;
 height: 32px;
 text-indent: -5000px;
 }
#navigation ul{overflow:hidden; _overflow:none; _height:1%;padding-top:1px;}
#navigation li a{display: block; width: 100%; height:100%;}
#navigation #link-album{background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a761fd141cf.jpg) no-repeat;width:150px; height:40px; position :absolute ;right:-170px;top:350px}
#navigation #link-blog{background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a68ead679a3.jpg) no-repeat;width:150px; height:40px; position :absolute ;right:-170px;top:400px}
#navigation #link-guestbook{background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a6650b56f88.jpg) no-repeat;width:150px; height:40px; position :absolute ;right:-170px;top:450px}
#navigation #link-profile{background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a6650ba8bad.jpg) no-repeat;width:150px; height:40px; position :absolute ;right:-170px;top:500px}

/*--------------------------main*/

#main{
 overflow: hidden;
 _overflow: none;
 _height: 1%;
 }

/*--------------------------content*/

#content{
 float:left;
 overflow: hidden;
 width: 630px;
 margin:0 10px 0 15px;
 display:inline;
 }

#spotlight{ margin-left:12px;}
#spotlight h5{}
#spotlight-text{}

#article-area{}

#article-area .article-area-title{ padding:0 15px 5px 0; text-align:right;}
#view-mode{ padding:0 15px 5px 0; text-align:right;}
#display{}
#display SPAN {}

#article-box{}
.article{}
.article-head{background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c602916a4b.jpg) left top no-repeat;
 width:610px;
 height:30px;
 padding: 0  20px 0 80px;
 margin:0 0 0 10px;
 }
.publish { width:60px; height:61px; position:relative ; top:13px; left:-60px;}
.publish span {display:block;}
.publish .day {display:none;}
.title{font-size:16px; font-weight:bold; color:#000; margin:-20px 0 0 -60px;}
.title a{ 
    color:#000;
 font: 18px "Arial Unicode MS";
 letter-spacing: -1px;
 }
.month {font-size:16px; color:#000; font-weight:bold; margin:-3px 0 0 5px;}
.date {font-size:16px; font-weight:bold; color:#000; margin:-18px 0 0 40px;}
.year {font-size:16px; color:#000; font-weight:bold; margin:-20px 0 0 70px;}
.time {font-size:16px; color:#000; right:-130px; position:relative; top:-20px;}  

.article-body{ 
    background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a89eeaa5520.jpg) bottom left no-repeat #e5e5e5;
 width:595px;
 margin:0 0 0 10px;
 padding:10px 0 10px 10px;
 
 }
.article-content{
 letter-spacing:1px;
 font-size:13px;
 line-height:22px;
    width:570px;  _width:568px;
 padding:0 15px 15px 12px;
 }
.article-content .more{padding:10px 10px 5px 0; text-align:right;}
.fans-club,.bookmark,.forward,.author{
 text-transform: uppercase;
 font-size: 11px; *font-size:10px;
 line-height: 20px;
 text-align: right;
 letter-spacing: 1px;
 color:#a28437;
 padding-right:25px;
 }
.bookmark{
    margin:0 0 5px 0;
 color:#a28437;
 }
.author{}
.forward{}

.article-footer{   
    background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a649a5a0dd8.jpg) bottom left no-repeat #e5e5e5;
 width:585px; height:100%;
 margin: 0px 15px 20px 10px;
 font-size:11px; *font-size:10px;
 border-top: 1px dashed #8e8e8e;
 line-height:20px;
 padding:10px 0 20px 20px;
 }
.history{}
.refer{}
.back-to-top{}

/*--------------------------list*/

.main-list{
 margin: 15px 15px 0 15px;
 }
.main-list table{
 width: 95%;
 margin:0 auto;
 }
.main-list h3 {}
.main-list th{
 padding-bottom: 5px;
 font-size: 12px;
 color:#222;
 }
.main-list td{
 padding: 5px 3px 3px 0px;
 border-bottom: 1px dotted #faa;
 font-size:11px; *font-size: 10px;
 }
.main-list .list-num {display:none;}
.main-list .list-date{width: 60px;}
.main-list td.list-date{
 font: 9px Tahoma;
 }
#murmur-list .main-list td.list-title{
 vertical-align: top;
 }

/*--------------------------post-box*/

.user-post-box{}
.user-post-title{
    background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c602916a4b.jpg) no-repeat top left;
    width:600px; height:39px; margin:30px 0 10px 9px;
 padding:7px 0 0 20px;
 color:#fff;
 font: 20px "Arial Unicode MS";
 letter-spacing: -1px;
 }

#trackback-box .user-post-title{}
#comment-box .user-post-title{
 }

.post-comment{
 width: 130px;
 height: 20px;
 margin: 10px 0 10px 480px;
 line-height: 20px;
 text-align: center;
 }
#content .post-comment a{
 display: block;
 width: 100%;
 height: 100%;
 color:#fff;
 background:#c842a2;
 }

.single-post{
 overflow: hidden;
 _overflow: none;
 _height: 1%;
 background:#fff;
 margin: 10px;
 padding:5px 5px;
 border: 1px solid #ccc;
 border-left: 10px solid #ccc;
 font-size:11px;
 *font-size:10px;
 line-height: 18px;
 width: 583px;
 }
  .post-info .floor {display: none;}
  .post-info img {visibility: hidden; width: 10px; height: 10px;}
  .post-info a {
   color: #a28437;
   background:#a28437;}
  .post-info a:hover {background: #666;}
  .post-info a.user-name,
  .post-info a.reply-message,
  .post-info a.user-name:hover,
  .post-info a.reply-message:hover {background: none;}
  .hidden-message,.pixnet-user, .user-ip {display: none;}

.post-photo{
 float: left;
 width: 95px;
 }
.post-photo img{
 border: 1px solid #ccc;
 }
.post-text{
 float: right;
 width:480px;
 margin-bottom: 10px;
 color:#666;
 }
.reply-text{
 float: right;
 width: 470px;
 padding:5px;
 background:#eee;
 }
.reply-text p{
 text-align: right;
 }
.single-post.secret{}
.single-post.secret .post-text{
 float: none;
 width: auto;
 }
#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
 text-align: right;
 width: 570px;
 margin: 0 auto;
 }
#trackback-box input#trackback-input{}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box  .post-text{
 width:auto ;
 float:none ;
 }

/*--------------------------comment-form */
#comment-form {
 background: #eee;
 padding: 5px;
 width: 530px;
 margin: 10px auto;
 } 
#comment-form p {
 color: #bbb;
 text-align: right;
 margin: 0px 10px 5px;
 }
#comment-form table {
 width: 100%;
 border: none;
 }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
 color: #999;
 vertical-align: top;
 border: none;
 padding: 2px 5px;
 }
#comment-form table th {
 color: #999;
 vertical-align: top;
 width: 100px;
 border: none;
 padding: 2px 5px;
 }
#comment-form table th font { display: none; }
#comment-form input {
 height: 17px;
 font-family: Arial;
 font-size: 11px;
 color: #000;
 border: none;
 border-bottom: 1px solid #ccc;
 background: none;
 }
#comment-form input.radio {
 border: none; width: auto; background: none;margin:0; padding:0;
 }
#comment-form input#blogcommenttext_name{
 width: 85%;
 }
#comment-form textarea {
 width: 99%;
 height: 90px;
 font-family: Arial;
 font-size: 11px;
 line-height: 18px;
 color: #000;
 border: 1px solid #ccc;
 background: #fff;
 } 
 
/*--------------------------pages*/
 
.page{
 margin: 20px 0;
 text-align: center;
 font: 10px arial;
 }
 .page a{
  padding:0px 5px;
  color:#e148b4;
  }
 .page span{
  background: #ccc;
  padding: 0 5px;
  }

/*--------------------------links*/

#links{
 overflow: hidden;
 float:right;
}
#links-row-1{}
#links-row-2{}

.box{
    background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a765539a417.jpg) no-repeat left bottom;
 width:260px; padding-bottom:35px;
    }
.box-title{
    height:-40px;
 width:230px;
 background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c6029b964b.jpg)  no-repeat ;
 padding: 40px 0px 0px 30px;
 color:#555;
 font:bold 15px arial;
 }
.box-text { 
    color:#555;
 padding: 10px 10px 10px 5px;
 background: url(http://p6.p.pixnet.net/albums/userpics/6/5/795865/49a765543beb1.jpg) repeat-y ;
 width:250px;
 line-height: 20px;
    }
.box li{}
.box h6{}
.box-more{}

#headshot{}
#headshot ul{
 overflow:hidden; _overflow:none; _height:1%;
 }
#headshot li{
 float: right;
 width: 70px;
 }
 #headshot li#headshot-img{
 float: left;
 width: 90px;
 }
#headshot li#friend-apply{}
#headshot li#send-message{}

#recent-article{}
#recent-article img{}

#latest-comment {}
#latest-comment a{}
#latest-comment span{}

#calendar{}
#calendar table{
 width: 90%;
 margin-left:6px;
 }
 #calendar table th{
  text-align: center;
  }
 #calendar table td{
  text-align: center;
  font: 10px arial;
  line-height: 20px;
  }
 #calendar table td a{
  color:#663;
  font-weight: bold;
  font-size:11px;
  }
#calendar .calMonthHeader{}

#murmur{}
#murmur .box-text{ padding: 10px 15px 10px 10px; width:249px;}
.murmur-time{}
.murmur-text{}

#visitor,#crumb{}
#visitor ul,#crumb ul{
 overflow: hidden;
 _overflow: none;
 _height: 1%;
 }
#visitor li,#crumb li{
 line-height: 0;
 float: left;
 margin-right: 2px;
 margin-bottom: 2px;
 }
#visitor li img,
#crumb li img{
 width: 40px;
 height: 40px;
 border: 1px solid #444;
 }
#visitor .box-more{}

#broadcast{}
#broadcast ul{
 overflow: hidden;
 _overflow: none;
 _height: 1%;
 margin-bottom: 5px;
 border-bottom: 1px dashed #ccc;
 }
#broadcast li{}
#broadcast .broadcast-photo{
 float: left;
 width: 40px;
 }
#broadcast .broadcast-time{
 float: right;
 width: 200px;
 line-height:20px;
 }
#broadcast .broadcast-time a{ }
#broadcast .broadcast-time span{}
#broadcast .broadcast-text{
 float: right;
 width: 200px;
 font-size:11px; *font-size:10px;
 padding: 2px 0 5px;
 }

#search{}
#search input#search-target{}
#search input#search-submit{}

#feed {}
#announce{}
#announce .box-text{padding: 10px 15px 10px 10px; width:244px;}
#hot-article {}
#category {}
#category h6{}
#category li{}
#category .box-more {}

#archive{}
#archive select {}
#archive li a{}

#latest-trackback {}
#latest-trackback .box-text{ padding: 10px 15px 19px 10px; width:240px;}
#latest-trackback a{}
#latest-trackback span{}

#subscription{}
#subscription .box-text{ padding: 10px 15px 19px 10px; width:240px;}
#subscription a{}
#subscription span{}

#favorite {}
#favorite select {}

#mylink {}
#mylink .link-box{}
#mylink .link-box h6{}
#mylink .link-box li{}

#counter{}
#counter SPAN{}

.folder{}
.folder .box-title{}
.folder .box-text{}

#powered{}

/*--------------------------footer*/

#footer{
 clear:both;
 background:#fff;
 padding: 20px 0;
 text-align: center;
 _height:1%;
 }
#footer p{}
#bottom {}


/*--------------------------extradiv*/

#box-ad .box-title{
 height:29px;
 width:234px;
 background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/497c6029b964b.jpg) no-repeat ;
 padding: 30px 0px 0px 30px;
 color:#fff;
 font:bold 15px arial;
 }
#extradiv11{}
#extradiv10{}
#extradiv9{}
#extradiv8{}
#extradiv7{}
#extradiv6{}
#extradiv5{}
#extradiv4{}
#extradiv3{}
#extradiv2{}
#extradiv1{}
#extradiv0{}

 

arrow
arrow
    全站熱搜

    張紫彤 發表在 痞客邦 留言(2) 人氣()