close

你想自己製作無名樣式?
下面提供您「短版」的空白網誌樣式
你可以帶回家套用後
再按照教學,慢慢去修改
相信可以做出不錯的網誌樣式!




下面提供給您的是空白樣式(基本款樣式),您可以自由修改、分享。

 無名網誌空白樣式:短版


回上一層(熱鍵:b)


/*短版無名網誌空白樣式*/


/* General Set
-----------------------------------------*/
HTML {
}

BODY {
FONT-FAMILY:verdana;}

A {
COLOR:#aaaaaa;
TEXT-DECORATION:none;}

A:hover {
COLOR:#FF1C19;}


/* container
-----------------------------------------*/
#container1 {
WIDTH:800px;
POSITION:relative;
BACKGROUND:transparent;
MARGIN:auto;}


/* banner and pageheader
-----------------------------------------*/
#banner {
BACKGROUND:#eeeeee;
text-align:center;
height:70px;}

#pageheader h1 a {
FONT-WEIGHT:bold;
FONT-SIZE:20px;}

#pageheader h1 a:hover {
COLOR:#FF1C19;}

h1 .description {
display:none;}

#description2 .description  {
FONT-SIZE:12px;
COLOR:#aaaaaa;}

INPUT {
BACKGROUND:#aaaaaa;
BORDER:#ffffff 1px solid;
FONT-SIZE:7pt;
color:#ffffff;
padding:2px;}


/* main
-----------------------------------------*/
#main2 {
MARGIN-TOP:75px;
MARGIN-LEFT:110px;}



/* content
-----------------------------------------*/
#content {
FLOAT:left;
OVERFLOW:auto;
WIDTH:400px;
HEIGHT:400px;
BACKGROUND:#eeeeee no-repeat;}

.date {
BORDER:#cccccc 1px solid;
margin:5px;
padding:5px;
FONT-WEIGHT:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#dddddd;
TEXT-ALIGN:right;}

.blogbody {
PADDING:15px;
MARGIN-BOTTOM:15px;}

.title {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:14px;
COLOR:#aaaaaa;}

.innertext {
PADDING-LEFT:5px;
FONT-WEIGHT:normal;
FONT-SIZE:8pt;
line-height:180%;
color:#aaaaaa;}

.extended {
FONT-SIZE:8pt;
COLOR:#aaaaaa;
text-align:right;}

.extended A {
COLOR:#aaaaaa;}

.extended A:hover {
color:#FF1C19;}

.posted {
FONT-SIZE:7pt;
TEXT-ALIGN:right;
COLOR:#aaaaaa;}

.posted A {
COLOR:#aaaaaa;}

.posted A:hover {
color:#FF1C19;}

.articletext TABLE {
font-size:11px;
color:#aaa;
line-height:200%;}


/* comments
-----------------------------------------*/
.total-comments-div {
BORDER:none;
MARGIN-TOP:10px;
PADDING-TOP:10px;
width:360px;}

.trackback-url {
font-size:7pt;
color:#aaaaaa;}

.trackbacks-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-body {
BORDER:0px;
FONT-SIZE:7pt;
COLOR:#aaaaaa;}

.comments-post {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#aaaaaa;
padding-top:20px;
padding-bottom:20px;}

.comments-body FORM {
FONT-SIZE:7pt;
COLOR:#aaaaaa;}


/* links
-----------------------------------------*/
#links {
OVERFLOW-X:hidden;
OVERFLOW:auto;
MARGIN:0px;
WIDTH:185px;
HEIGHT:400px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;}

#links a {
line-height:200%;}

.sidetitle {
BORDER:#ffffff 1px solid;
PADDING:5px;
MARGIN:10px;
FONT-SIZE:8pt;
FONT-WEIGHT:bold;
FONT-STYLE:normal;
LETTER-SPACING:1pt;
BACKGROUND:transparent;
TEXT-ALIGN:center;}

.side {
FONT-SIZE:7pt;
PADDING:20px;
BORDER:none;
BACKGROUND:transparent;}

.calendar {
FONT-SIZE:7pt;
COLOR:#bbbbbb;
BACKGROUND:transparent;}

DIV.calendar A {
FONT-SIZE:7pt;
COLOR:#fff;
FONT-FAMILY:verdana;}

DIV.calendar A {
DISPLAY:none;}

#boxDate {
DISPLAY:none;}

#boxSearch {
DISPLAY:none;}

.syndicate {
DISPLAY:none;}



祝你做出美美的樣式!

做無名樣式,有一系列的教學,請看:怎麼做無名樣式 (1) 入門篇
你想做的是長版樣式?請到這裡領取:長版網誌空白樣式


*有少部分的人套用後,發現「樣式管理」、「發表新文章」…這些按鈕不能按
不用擔心!請看:
網誌最上面一排按鈕(樣式管理)不見了,怎麼辦 就可以解決了。

arrow
arrow
    全站熱搜

    Umod語法教室 發表在 痞客邦 留言(282) 人氣()