無名網誌空白樣式：長版 @ Umod語法教室

你想自己製作無名樣式？
下面提供三種長版的網誌空白樣式
你可以帶回家套用後
再按照教學，慢慢去修改
相信可以做出不錯的網誌樣式！

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

無名網誌空白樣式：二欄式，主選單（連結區）在右邊

回上一層(熱鍵:b)

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

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

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

A:hover {
COLOR:#FF1C19;}

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

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

#pageheader h1 a {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:20px;
TEXT-DECORATION:none;
COLOR:#aaaaaa;}

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

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

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

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

/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:0px;
margin-top:50px;
margin-bottom:50px;
WIDTH:550px;
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;
line-height:200%;}

.posted A {
COLOR:#aaaaaa;}

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

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

/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:500px;
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;}

/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
WIDTH:185px;
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;}

無名網誌空白樣式：二欄式，文章區在右邊

回上一層(熱鍵:b)

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

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

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

A:hover {
COLOR:#FF1C19;}

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

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

#pageheader h1 a {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:20px;
TEXT-DECORATION:none;
COLOR:#aaaaaa;}

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

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

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

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

/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:0px;
margin-top:50px;
margin-bottom:50px;
WIDTH:550px;
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;
line-height:200%}

.posted A {
COLOR:#aaaaaa;}

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

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

/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:500px;
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;}

/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
WIDTH:185px;
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;}

#content {float:right;}
#links {float:left;}

無名網誌空白樣式：二欄式，寬版

下一張(熱鍵:c)

/*無名網誌空白樣式，二欄式，寬版*/

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

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

A:hover {
COLOR:#FF1C19;}

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

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

#pageheader h1 a {
PADDING-LEFT:10px;
FONT-WEIGHT:bold;
FONT-SIZE:20px;
TEXT-DECORATION:none;
COLOR:#aaaaaa;}

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

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

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

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

/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:40px;
margin-top:50px;
margin-bottom:50px;
WIDTH:600px;
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;
line-height:200%;}

.posted A {
COLOR:#aaaaaa;}

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

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

/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:500px;
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;}

/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
margin-right:20px;
WIDTH:300px;
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;}

祝你做出美美的樣式！

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

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

Umod語法教室

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

Umod語法教室

【部落格小玩意∣CSS語法∣照片修圖∣影音轉檔∣素材游標】
必看!　超準12星座　 超準心理測驗　 超美素圖　 愛情烏托邦

無名網誌空白樣式：長版

留言列表

最新文章

熱門文章

文章分類

CSS樣式教學 / 怎麼做樣式 (2)

照片修圖 / 影像處理 (6)

游標鼠標製作 / 可愛游標語法 (4)

好玩實用產生器 (2)

超可愛icon小圖 / 動漫 / 素材 (6)

文章搜尋

參觀人氣

Umod語法教室

【部落格小玩意∣CSS語法∣照片修圖∣影音轉檔∣素材游標】 必看! 超準12星座 超準心理測驗 超美素圖 愛情烏托邦

無名網誌空白樣式：長版

留言列表

最新文章

熱門文章

文章分類

CSS樣式教學 / 怎麼做樣式 (2)

照片修圖 / 影像處理 (6)

游標鼠標製作 / 可愛游標語法 (4)

好玩實用產生器 (2)

超可愛icon小圖 / 動漫 / 素材 (6)

文章搜尋

參觀人氣

【部落格小玩意∣CSS語法∣照片修圖∣影音轉檔∣素材游標】
必看!　超準12星座　超準心理測驗　超美素圖　愛情烏托邦

　