close

 

 

 

 

啦啦啦啦啦啦

最近比較閒~~

所以就來做網誌樣式

第一次做給大家

請多指教XDDDDDDDDDDDD

哈哈哈哈哈哈

這對CP我太喜歡了XDDD

所以才做這一對XDDDDDD

最後,

我也決定

不再鎖右鑑

樣式分享如下:

background.jpg  

我不太會截全部的那種.....(汗)

請在這兒提取:

#comment-form table {
width:96%;
margin:0 auto;
}

#comment-form td,#comment-form th {
border:1px solid #555;
padding:3px 5px;
}

#comment-form input#send-comment {
padding:3px 5px;
}

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

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;
}

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

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

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

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

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:140%;
margin:5px 0;
}

body {
background:url(
http://img831.imageshack.us/img831/1610/kyuwook.jpg);
font-size:small;
font-family:Verdana;
background-image:url(none);
background-color:transparent;
background-repeat:no-repeat;
background-position:undefined;
}

a {
color:#336666;
text-decoration:none;
}

a:hover {
color:#fff;
}

#authority {
text-align:center;
padding:10px 0;
}

#authority a {
background:#fff;
color:#9999cc;
padding:5px 10px;
}

#container {
width:900px;
background:#;
margin:4px auto 10px;
}

#container2 {
padding:10px;
}

#header {
background:url(
http://img34.imageshack.us/img34/8760/kuywook1.jpg);
height:400px;
width:900px;
margin-bottom:10px;
background-image:url(
http://img837.imageshack.us/img837/1610/kyuwook.jpg);
background-position:top right;
background-repeat:no-repeat;
padding:10px;
}

#banner h1 a {
font-size:large;
font-weight:700;
}

#banner h2 {
padding-top:180px;
color:#F6F;
}

#navigation {
background:#;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}

#navigation a {
display:block;
width:90px;
text-align:center;
color:#cc9966;
text-decoration:blink;
background:#fff;
padding:5px 0;
}

#navigation li {
float:left;
margin:0 10px 0 0;
}

#content {
width:630px;
float:right;
background:none;
padding:10px;
}

#spotlight {
background:#fff;
margin-bottom:10px;
padding:10px;
}

#spotlight h5 {
color:#00627c;
background:url(
http://img34.imageshack.us/img34/8760/kuywook1.jpg);
text-align:Center;
margin-bottom:7px;
padding:5px 0;
}

#article-area {
border:4px solid #;
padding:10px;
}

.article-area-title {
background:#999;
padding:3px 7px;
}

#display {
text-align:right;
margin:5px 0;
}

.article {
background:#;
margin-bottom:20px;
padding:10px;
}

.article-head {
background:url(
http://img864.imageshack.us/img864/8760/kuywook1.jpg);
text-indent:10px;
margin-bottom:10px;
padding:15px;
}

.title h2 a {
font-size:medium;
color:#ffffff;
padding:20px;
}

.author {
text-align:right;
border-bottom:1px dashed #888;
padding-bottom:5px;
margin:5px 0 0;
}

.article-footer {
background:#;
padding:5px 10px;
}

#user-post {
background:#;
margin-bottom:20px;
padding:15px;
}

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

.user-post-box {
background:#;
border:3px solid #fff;
padding:10px;
}

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

.user-post-text {
background:fff;
padding:20px;
}

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

.post-info {
border-bottom:1px dashed ##66959d;
padding-bottom:5px;
margin-bottom:10px;
font-weight:700;
}

.post-text {
width:360px;
float:right;
margin-bottom:10px;
}

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

.post-photo {
width:120px;
float:left;
text-align:Center;
}

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

.post-comment {
text-align:right;
font-size:medium;
margin:5px 0;
}

.main-list {
background:##66959d;
margin-bottom:15px;
padding:10px;
}

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

.main-list h3 {
background:##66959d;
margin-bottom:10px;
padding:5px 10px;
}

#links {
width:200px;
float:left;
background:#fff;
background-color:transparent;
color:#442625;
padding:10px;
}

.box {
border:1px solid #fff;
margin-bottom:15px;
padding:10px;
}

.box-title {
background:url(
http://img34.imageshack.us/img34/8760/kuywook1.jpg);
text-align:center;
font-size:medium;
margin-bottom:10px;
padding:4px;
}

.box-text li {
margin:5px 0;
}

#broadcast .box-text ul {
border-bottom:1px dashed ##87D2F0;
_height:1%;
overflow:hidden;
_overflow:none;
}

.broadcast-photo {
float:left;
width:40px;
}

#footer {
clear:both;
background:#87D2F0;
text-align:center;
padding:5px 10px;
}

fieldset,img,abbr,acronym {
border:0;
}

#login-bar,.bookmark,.forward,.back-to-top {
text-align:right;
}

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

.refer,.history {
border-bottom:1px dashed ##87D2F0;
padding-bottom:5px;
margin-bottom:5px;
}

.main-list th,.main-list td {
border:1px solid ##87D2F0;
padding:2px;
}

#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}

#visitor li,#crumb li {
float:left;
}

 

有問題可以問我:)

最後,請大家要拿走請留言喔^__^

感謝您^^

如不知怎麼使用

請參考如下:

 管理後台>樣式管理>自定樣式>CSS原始碼編輯

 

 

arrow
arrow
    全站熱搜

    happyOAOfriday 發表在 痞客邦 留言(2) 人氣()