close
你想自己製作無名樣式?
下面提供「三欄式」的網誌空白樣式
你可以帶回家套用後
再按照教學,慢慢修改
相信可以做出不錯的網誌樣式!
下面提供給您的是空白樣式(基本款樣式),您可以自由修改、分享。
無名網誌空白樣式:三欄式,主選單(連結區)在左邊
/*無名網誌空白樣式,三欄式,主選單在左邊*/
/* 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;}
/* 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;}
無名網誌空白樣式:三欄式,主選單(連結區)在右邊
/*無名網誌空白樣式,三欄式,主選單在右邊*/
/* 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;}
/* 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) 入門篇
你想做的是短版樣式?請到這裡領取:無名網誌空白樣式-短版
*有少部分的人套用後,發現「樣式管理」、「發表新文章」…這些按鈕不能按
不用擔心!請看:網誌最上面一排按鈕(樣式管理)不見了,怎麼辦 就可以解決了。
全站熱搜