好久沒有分享樣式了,其實還有點緊張#

太久沒碰CSS了,所以也就沒什麼研究語法的變化,就是拿以前排版好的CSS,然後再做些修正而已

雖然沒有什麼特色,但還是希望想要用的人能夠遵守我這兒的規則

補充↓

1.可以添加游標、側欄伸縮語法

2.不可更改上述之外的任何語法內容

3.如要以我的排版更改版圖的話,請先告知徵詢同意

樣式預覽

語法↓

/*痞客邦樣式-雲佳瀨排版*/
body,div,dl,dt,dd,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;
width:100%;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

ol,ul {
margin-left:2em;
padding:0;
}

ol li {
list-style:decimal outside;
}

ul li {
list-style:disc outside;
}

.article-content {
width:650px;
overflow:hidden;
line-height:200%;
padding:0 0 20px;
}

.article-content p {
margin-bottom:1em;
}

.article-head,.article-head li,.recommended-posts ul,.recommended-posts li,.article-footer ul,.article-footer li,.user-post-text ul,.user-post-text li,.box-text ul,.box-text li {
list-style:none;
margin:0;
padding:0;
}

#toolbar-box ul,#toolbar-box li {
list-style:none;
margin:0;
}

/*整個網誌背景*/

body {
color:#e3a001;
font-size:13px;
font-family:courier New, courier New, "courier New", courier New, courier New;
line-height:154%;
background:#FFF;
margin:0;
}

#container2 {

position:relative;
width:900px;
background:#fff;
margin:auto;
}

#login-bar {
color:#FFF;
position:absolute;
top:-20px;
right:1px;
text-align:right;
width:928px;
font-size:11px;
border-bottom:1px dotted #e3a001;
padding:0 10px;
}

/*整個網誌的字體設定*/

A {
color:#e7405c;
font-size:10pt;
font-family:courier New;
text-decoration:none;
font-weight:normal;}

/*隱藏頂端重覆的文章標題*/

h1 .description {
display:none;}

/*招牌(區塊1)*/

#banner {
margin-top:35px;
width:700px;
height:300px;
background-color:#eee !important;
BACKGROUND:no-repeat left top;}
#banner {margin-left:200px;margin-top:70px;}
#banner {background:url(https://i.imgur.com/1QhY2Up.png) no-repeat;}

/*部落格名稱*/

#banner h1 {
display:block;
background:#fff;
width:210px;height:4px;
border:#e7405c 1px dotted;
padding:10px;
text-align:center;
line-height:10px;
overflow:hidden;
font-weight:normal;
position:absolute;
top:-10px;left:-50px;}

/*部落格描述*/

#banner h2 {
position:absolute;
top:27px;left:-50px;
width:220px;height:170px;
padding:5px;
border:#e7405c 1px dotted;
font-weight:normal;
font-size:10px;
line-height:150%;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#e7405c;
scrollbar-face-color:#fff;
scrollbar-track-color:#e7405c;
scrollbar-3dlight-color:#e7405c;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-Color:#e7405c;
background:#FFFFFF;}


/*整個文章區+連結區*/

#content {
display:block;
width:705px;
margin-top:0px;}


/*文章+列表+回應區塊*/

#article-area {
float:left;
margin:60px;
width:705px;
overflow:hidden;}

#user-post{padding:15px; margin-bottom: 20px ;} 
#trackback-box{display:none;} .user-post-box{padding: 10px; } img
#comment-text-switch{display:none;} 
.user-post-title{padding: 5px 10px ; margin-bottom: 10px ;} 
.post-comment{text-align:right ;margin: 5px 0px ;padding:5px;} 
.post-comment a{text-align:right ;margin: 5px 0px ;padding:5px;} 
.user-post-text{padding:20px ;} 
.single-post{margin-bottom: 20px ;padding-top:20px;overflow:hidden ;} 
.user-name img{display:none;} 
.post-info{-webkit-border-top-left-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-topleft: 50px; 
-moz-border-radius-bottomleft: 50px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; 
background:#FFFFFF;float:right;clear:both;padding-bottom: 5px ;margin-bottom: 10px ;color:#e7405c;padding:8px;} 
.post-info a{color:#e7405c;} 
.post-text{width:100%;float:right; text-align:left;margin: 10px ; } 

.post-photo{float:left;text-align:left;padding:5px;margin-top:0px;width:40px;height: 40px ;} 
.post-photo img{width: 40px ;height: 40px;} 
.reply-text{
clear:both ;
border-top: 1px dashed #e7405c ;
padding-top: 5px ;
}


.reply-text p{padding:8px;text-align:left;margin-top: 8px;} 
.secret li{display:none;} 
.main-list{ background:# ;padding:10px ;margin-bottom: 15px ;} 
.main-list table{width:95% ;margin:10px; } 
.main-list h3{background:# ;padding: 5px 10px ;margin-bottom: 10px; } 
.main-list th{border:1px solid #DotumChe ;padding: 2px; } 
.main-list td{border:1px solid #DotumChe ;padding: 2px; } #container #main #content #user-post #comment-box #comment-area {} 
#container #main #content #user-post #comment-box #comment-area-2 {} #container #main #content #user-post #comment-box #comment-area iframe{}
 #container #main #content #user-post #comment-box .comment-identity{} #container #main #content #user-post #comment-box 
.identity-login img.photo{} #container #main #content #user-post #comment-box .openid-identity{} #container #main #content #user-post #comment-box 
.openid-identity img{display:none;} #container #main #content #user-post #comment-box 
.comment-body{} #container #main #content #user-post #comment-box .comment-textarea{} #container #main #content #user-post #comment-box 
.comment-extra{} #container #main #content #user-post #comment-box .extra{}

/*文章日期*/

.publish {
float:right;
background:#e7405c;
width:150px;height:16px;
text-align:center;
padding:2px;
color:#fff;
font-size:10pt;
font-family:courier New;}


/*文章+列表區塊之標題*/

.article-area-title {
width:850px;height:17px;
font-size:10pt;
color:#e7405c;
font-family:courier New;
font-weight:normal;
border-bottom:1px #e7405c dotted;
padding-top:3px;
padding-left:10px;
margin-bottom:20px;}

.title img {
display:none;}


/*文章內容區*/

.article-body {
font-size:10pt;
color:#e7405c;
background:#FFFFFF;
width: 705px;
line-height:150%;
font-family:courier New;
padding-left:10px;
padding-top:10px;}


/*個人分類、繼續閱讀、上一篇下一篇*/

.extended {
text-align:right;
font-size:10pt;
color:#e7405c;
font-family:courier New;
line-height:150%;
}
.more{
font-size:10pt;
color:#e7405c;
font-family;courier New;
padding-left:450px;}

/*隱藏文章內的全站分類+跳到主文*/

#blog-category {display:none;}
#banner .skiplink {display:none;}

/*文章作者資訊、回應引用字樣*/

.posted {
font-size:10pt;
color:#e7405c;
font-family:courier New;
margin-top:20px;
margin-bottom:30px;}


/*本篇文章引用網址*/

.trackback-url {
margin-top:30px;
font-size:10pt;
font-family:courier New;
color:#e7405c;}


/*回應區*/

.total-comments-div {
margin-top:10px;}


/*隱藏給個回應、回應、引用字樣*/

.comments-head {
display:none;}


/*回應引用內容、寫回應的地方*/

.comments-body {
width:550px;
font-size:10pt;
color:#e7405c;
font-family:courier New;
line-height:150%;
background:#FFF;
padding:10px;}

/*版主回覆內容*/
#user-post {
background:#FFF;
padding:15px;
margin-bottom:20px;
}

#trackback-box {
margin-bottom:20px;
}

.user-post-box {
background:#fff;
padding:10px;
border:1px none #e7405c;
}

.user-post-title {
background:#fff;
color:#e7405c;
padding:5px 10px;
font-size:medium;
margin-bottom:10px;
}

.user-post-text {
background:#FFF;
color:#e7405c;
padding:20px;
}

.single-post {
background:#FFF;
color:#e7405c;
margin-bottom:20px;
padding:10px;
overflow:hidden;
_overflow:none;
_height:1%;
}


#trackback-box .post-text {
width:auto;
float:none;
}

.reply-text {
clear:both;
border-top:1px dashed #e7405c;
padding-top:5px;
}

.post-comment {
text-align:right;
margin:5px 0;
font-size:medium;
}
.main-list {
background:#fff;
color:#e7405c;
padding:10px;
margin-bottom:15px;
}

.main-list table {
width:95%;
margin:10px;
}

.main-list h3 {
background:#fff;
color:#e7405c;
padding:5px 10px;
margin-bottom:10px;
}

.main-list th {
border:1px none #fff;
padding:2px;
}

.main-list td {
border:1px none #fff;
padding:2px;
}
/*隱藏首頁、影音、相簿、部落格、留言版、名片的連結*/

#serviceList #linkMypage {
display:none;}

#serviceList #linkVideo {
display:none;}

#link-album {
display:none;}

#link-guestbook {
display:none;}

#link-profile {
display:none;}

#link-blog {
display:none;}

/*側邊盒子(區塊4)*/
#links {
float:left;
width:230px;
background:#fff;
margin-top:-100px;
margin-left:-50px;
overflow:hidden;}
#links { float: left;}
#content { float: right; margin-right: 15px;}

/*側邊盒子標題*/

.box-title {
border: 1px  dotted  #e7405c  ;
height:15px;
line-height:20px;
background:#e7405c ;
color:#FFF;;
text-align:center ;
padding: 4px ;
font-size:10px;
font-family:courier New;
font-weight:normal;
margin-bottom: 10px ;
_height:1% ;
}

/*側邊盒子內容*/

.box-text {
padding:10px;}

.box-text {
color:#e7405c;
background:#FFFFFF;
font-size:10pt;
font-family:courier New;
line-height:150%;}

.boxMySpaceImg {
text-align:center;}

#boxNewArticle img {
display:none;}

#boxNewComment img {
display:none;}

#boxCategory a img {
display:none;}

#blogCategory {
display:none;}

#boxDate {
display:none;}

#boxSearch {
display:none;}

#friendlist {
display:none;}

.boxAddFriendLink {
display:none;}

.calendar {
display:none;}

.syndicate {
display:none;}


/*隱藏最新的回應、引用時間*/

.boxNewComment1 .side {
color:#FFF;
line-height:1px;}

.boxNewTrackback1 .side {
color:#fff;
line-height:1px;}


/*文章分類的分類目錄*/

#category .box-text h6 {
font-size:10pt;
font-family:courier New;
font-weight:normal;
color:#e7405c;
line-height:150%;}


/*網誌人氣*/

#boxCounter .sidetitle {
display:none;}

#boxCounter {
display:block;
position:absolute;
top:169px;left:592px;
border:#e7405c 1px dotted;
width:260px;
line-height:7px;
font-size:8pt;
color:#e7405c;
font-family:courier New;}

.boxCounter1 .side br {
display:none;}

/*文章分類*/
.refer {
font-size:10pt;
font-family:courier New;
color:#e7405c;}

/*公告版位標題*/

#spotlight {
margin:15px; auto 20px;
}

#spotlight h5 {
font-size:15pt;
font-family:courier New;
border-bottom:1px dashed #e7405c;
padding:5px;
color:#e7405c;}

/*公告版位內容*/
#spotlight-text {
font-size:10pt;
font-family:courier New;
color:#e7405c;
padding:5px;}

/*整個頁面*/
#body-div {
font-size:10pt;
font-family:courier New;
color:#e7405c;}

/*隱藏頁尾超連結*/
#bottom {display:none;}

.li a img {
width:15pt !important;
height:15pt !important;
margin-right:5pt !important;}

/*隱藏廣告*/
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child { margin-top: -999em !important; position:absolute; z-index:0; }

/*--誰來我家--*/
#visitor{}
/*--誰來我家標頭--*/
#visitor .box-title{}
/*--誰來我家內容區塊--*/
#visitor .box-text{}
/*--單一頭像列表--*/
#visitor ul{
 _height: 1% ;
 overflow: hidden ;
 _overflow:  dotted ;
}
/*--單一頭像--*/
#visitor li{
 float:left;
}
/*--所有訪客列表--*/
#visitor .box-more{}


#visitor li img{ width:30px; height:30px; margin:2px; }
 

 

創作者介紹

曾經滄海難為水

鹿箭 發表在 痞客邦 PIXNET 留言(0) 人氣()