星野亞希ほしのあき-ORIGIN写真集模版
各位北鼻
版主又再次推出與我部落格款式相同的模板
這次版主嘗試將橫幅的背景圖案更改為
星野亞希今年2月初最新寫真代表作品-ORIGIN的寫真圖片
版主為了迎合大眾的需求
所以又另外推出這款星野亞希-ORIGIN写眞集模版
希望大家會喜歡
喜歡的拿走後要留言
給版主最棒的鼓勵唷!
@版主的貼心小叮嚀:
1.由於版主沒有提供預覽圖示 所以請自行將喜歡的語法貼回自己的樣式設計精靈點選預覽樣式
2.若遇到版主的語法有問題 請盡速通知版主修正或到版主的部落格中在重新複製語法
3.版主會將私下分享的自製語法檢查N遍 若有錯誤會修正並貼回原來發表樣式的文章中
免責聲明:
1.本CSS語法痞客邦模版才適用喔
2.本人非抄襲他人 若有雷同純屬巧合
3.若有侵權行為請告知 本人立刻下架
4.本語法是本人私下分享非為公開貢獻的樣式
5.若有不滿意之處可以盡情且任意修改
6.拿走樣式語法記得留言唷!若無法按右鍵複製請立即留下你的足跡通知我
7.請尊重原著 不要擅自發表或分享 發表或分享時請善用引用
8.以上規則希望各位能遵守 不便之處敬請見諒
語法如下
/*************************************
作者:陽光甜姐兒
套用請留言,修改請留言給我
別當小偷喔,卸卸你的尊重呀
**************************************/
/*--------------------------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://p1.p.pixnet.net/albums/userpics/1/7/454117/49ad55ee04d02.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{}
留言列表