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




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

 無名網誌空白樣式:三欄式,主選單(連結區)在左邊


下一張(熱鍵:c)

/*無名網誌空白樣式,三欄式,主選單在左邊*/


/* General Set
-----------------------------------------*/
BODY {
margin:0px;
FONT-FAMILY:verdana;}

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

A:hover {
COLOR:#FF1C19;}

#boxSlideShow {
display:none;}



/* container
-----------------------------------------*/
#container1 {
width:900px;
position:relative;
margin:0px auto;}



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

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

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

h1 .description {
display:none;}

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

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



/* main
-----------------------------------------*/
#main2 {}



/* content
-----------------------------------------*/
#content {
margin-left: center;
width:500px;
float:right;
position:absolute;
top:90px;
right:200px;}

.date {
margin:5px;
padding:5px;
FONT-WEIGHT:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;
TEXT-ALIGN:right;}

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

.title {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:14pt;
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;
line-height:200%;}

.posted A {
COLOR:#aaaaaa;}

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

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



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

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



/* 第三欄
-----------------------------------------*/
#divThird {
position:absolute;
right:0px;
top:94px;
background:#eeeeee;
width:180px;}



/* links
-----------------------------------------*/
#links {
float: left;
width:180px;
background:#eeeeee;
margin-top:20px;}

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

.sidetitle {
BORDER:#ffffff 1px solid;
color:#aaaaaa;
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;
BACKGROUND:transparent;
color:#aaaaaa;}

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

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

DIV.calendar A {
DISPLAY:none;}




 無名網誌空白樣式:三欄式,主選單(連結區)在右邊


回上一層(熱鍵:b)

/*無名網誌空白樣式,三欄式,主選單在右邊*/


/* General Set
-----------------------------------------*/
BODY {
margin:0px;
FONT-FAMILY:verdana;}

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

A:hover {
COLOR:#FF1C19;}

#boxSlideShow {
display:none;}



/* container
-----------------------------------------*/
#container1 {
width:900px;
position:relative;
margin:0px auto;}



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

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

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

h1 .description {
display:none;}

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

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



/* main
-----------------------------------------*/
#main2 {}



/* content
-----------------------------------------*/
#content {
width:500px;
position:absolute;
top:90px;
left:200px;}

.date {
margin:5px;
padding:5px;
FONT-WEIGHT:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;
TEXT-ALIGN:right;}

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

.title {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:14pt;
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;
line-height:200%;}

.posted A {
COLOR:#aaaaaa;}

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

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



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

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



/* 第三欄
-----------------------------------------*/
#divThird {
position:absolute;
left:0px;
top:94px;
background:#eeeeee;
width:180px;}



/* links
-----------------------------------------*/
#links {
float:right;
width:180px;
background:#eeeeee;
margin-top:20px;}

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

.sidetitle {
BORDER:#ffffff 1px solid;
color:#aaaaaa;
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;
BACKGROUND:transparent;
color:#aaaaaa;}

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

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

DIV.calendar A {
DISPLAY:none;}



祝你做出美美的樣式!

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


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

arrow
arrow
    全站熱搜

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