溫柔對待部落格SIMPLE部落格樣版下載

SIMPLE 簡單，蠻不錯的感覺，五花八門的世界，繽紛色彩，有時也會讓人頭昏眼花吧。偶而來個簡單一點樣式的部落格版面，應該可以讓訪客有另一種安靜舒適的感覺。簡單、希望可以和自然畫上等號，讓訪客好好的靜靜的，慢慢欣賞你的部落格文章。

在你的網頁樣式設定中選擇自定樣式後，把以下的CSS全部拷貝回去，蓋過原有的．另外記得把以下背景圖檔利用滑鼠右鍵存回你的電腦，然後上傳到你的部落格圖片檔案中．然後將下面檔中的網址做修正以便抓到你的圖檔．有疑問的話歡迎發問，喜歡的朋友不妨留言鼓勵一下！

將滑鼠移上圖案後按下右鍵以作拷背儲存到你的電腦中。請勿直接連結圖案網址，主因是有可能會因空間限制而被清除掉。

背景用圖

請拷貝以下的CSS :(記得將修正圖案網址)

BODY {
	Font-Family: Arial, Helvetica, sans-serif;
	MARGIN: 10px 0px;
	WIDTH: 100%;
	COLOR: #333333;
	HEIGHT: 100%;
	TEXT-ALIGN: center;
	background-color: #FFFFCC;
	font-size: 12px;
}

A {COLOR: #996600; TEXT-DECORATION: underline}
A:link {COLOR: #996600; TEXT-DECORATION: underline}
A:visited {COLOR: #996600; TEXT-DECORATION: underline}
A:active {}
A:hover {COLOR: #000000; TEXT-DECORATION: none}

A.acalendar {COLOR: #996600; TEXT-DECORATION: NONE}
A.acalendar:link {COLOR: #996600; TEXT-DECORATION: NONE}
A.acalendar:visited {COLOR: #996600F; TEXT-DECORATION: NONE}
A.acalendar:active {COLOR: #996600; TEXT-DECORATION: NONE}
A.acalendar:hover {COLOR: #996600; TEXT-DECORATION: UNDERLINE}

A.acontinues {COLOR: #996600; TEXT-DECORATION: underline}
A.acontinues:link {COLOR: #996600; TEXT-DECORATION: underline}
A.acontinues:visited {COLOR: #996600;TEXT-DECORATION: underline}
A.acontinues:active {}
A.acontinues:hover {COLOR: #000000; TEXT-DECORATION: none}

A.amenu {COLOR: #333333; TEXT-DECORATION: underline}
A.amenu:link {COLOR: #333333; TEXT-DECORATION: underline}
A.amenu:visited {
	TEXT-DECORATION: underline;
	color: #333333;
}
A.amenu:active {}
A.amenu:hover {COLOR: #666666; TEXT-DECORATION: none}

#container {
	WIDTH: 740px;
	TEXT-ALIGN: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#banner {
	HEIGHT: 60px;
	background-color:#FFCC00;
	background-image:url(http://背景用圖);
	border:1px #999933 solid;
}
#subbanner {}
#banner A {COLOR: #000000; TEXT-DECORATION: none}
#banner A:link {COLOR: #000000;	TEXT-DECORATION: none;}
#banner A:visited {TEXT-DECORATION: none;color: #000000;}
#banner A:active {TEXT-DECORATION: none;color: #000000;}
#banner A:hover {COLOR: #000000;TEXT-DECORATION: underline;}

#subbanner A {COLOR: #999933; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #999933; TEXT-DECORATION: none}
#subbanner A:visited {COLOR: #999933; TEXT-DECORATION: nonee}
#subbanner A:active {COLOR: #999933; TEXT-DECORATION: none}
#subbanner A:hover {COLOR: #999933; TEXT-DECORATION: underline}

H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

.blogtitle {
	FONT-SIZE: 18px;
	TEXT-ALIGN: center;
	font-weight: BOLD;
	padding-top: 10px;
}
.description {
	FONT-SIZE: 12px;
	COLOR: #666666;
	TEXT-ALIGN: center;
	font-weight: normal;
	PADDING-TOP:3PX;
	PADDING-LEFT:20PX;
}
#content {
	width: 420px;
	float: right;
	padding-right: 160px;
}
.blog {
	MARGIN: 0px 10px 0px 10px;
}
.date {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-weight: normal;
	padding-RIGHT: 5px;
	TEXT-ALIGN:RIGHT;
}
.blogbody {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	MARGIN-BOTTOM: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	border:1px #999933 solid;
}
.title {
	PADDING: 5px;
	PADDING-LEFT:10PX;
	FONT-SIZE: 12px;
	COLOR: #000000;
	height: 20px;
	font-weight: normal;
	background-color:#FFCC00;
}
.main {
	FONT-SIZE: 12px;
	MARGIN: 15px 10px;
	COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}
.main-continues {FONT-SIZE: 12px}

.posted {font-size: 11px;
	MARGIN: 0px 10px 5px;
	COLOR: #996600;
	TEXT-ALIGN: right;
}
A.aposted {COLOR: #333333; TEXT-DECORATION: underline}
A.aposted:link {COLOR: #333333; TEXT-DECORATION: underline}
A.aposted:visited {COLOR: #333333; TEXT-DECORATION: underline}
A.aposted:active {}
A.aposted:hover {
	COLOR: #666666;
	TEXT-DECORATION: none;
}

.menu {FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: right}
.comments-head {
	PADDING: 5px;
	PADDING-LEFT:10PX;
	FONT-SIZE: 12px;
	COLOR: #000000;
	HEIGHT: 20px;
	font-weight: normal;
	background-color:#FFCC00;
}
.comments-body {
	FONT-SIZE: 12px;
	MARGIN: 20px 0px 0px 70px;
	LINE-HEIGHT: 150%;
	color: #000000;
	padding: 10px;
	border: #999933 1px DOTTED;
}
.comments-post {FONT-SIZE: 12px; MARGIN: 0px 10px 25px; COLOR: #996600; TEXT-ALIGN: right}
.trackback-url {
	FONT-SIZE: 13px;
	MARGIN: 20px 0px 15px 13px;
	COLOR: #000000;
	padding-right: 5px;
	padding-left: 5px;
}
.trackback-body {
	FONT-SIZE: 12px;
	MARGIN: 10px 0px 15px 13px;
	LINE-HEIGHT: 150%;
	color: #000000;
}
.trackback-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #996600; TEXT-ALIGN: right}

A.atrackback-post {COLOR: #333333; TEXT-DECORATION: none}
A.atrackback-post:link {COLOR: #333333; TEXT-DECORATION: nonee}
A.atrackback-post:visited {COLOR: #333333; TEXT-DECORATION: none}
A.atrackback-post:active {}
A.atrackback-post:hover {COLOR: #333333; TEXT-DECORATION: UNDERLINE}

TABLE.form {MARGIN: 25px 0px 0px 20px}
LABEL {
	FONT-SIZE: 12px;
	color: #333333;
}
#author {
	WIDTH: 200px;
	border: #999933 1px DOTTED;
	color: #666666;
	background-color: #FFFFCC;
}
#email {
	WIDTH: 200px;
	border: #999933 1px DOTTED;
	color: #666666;
	background-color: #FFFFCC;
}
#url {
	WIDTH: 200px;
	border: #999933 1px DOTTED;
	color: #666666;
	background-color: #FFFFCC;
}
#text {
	WIDTH: 550px;
	HEIGHT: 150px;
	border: #999933 1px DOTTED;
	color: #666666;
	background-color: #FFFFCC;
}

.pagetop {
	FONT-SIZE: 12px;
	MARGIN: 5px 0px;
	TEXT-ALIGN: left;
}
#links {
	FLOAT: right;
	OVERFLOW: hidden;
	WIDTH: 160px;
	color: #CCFFFF;
	position: absolute;
}
#links-more {
	FLOAT: right; 
	OVERFLOW: hidden; 
	WIDTH: 160px; 
	margin-left: 600px;
	PADDING-TOP:20PX;
	position: absolute;
}
.calendarhead {
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #000000;
	TEXT-ALIGN: CENTER;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
}
.calendartable {
	WIDTH: 90%;
	TEXT-ALIGN: center;
	float: none;
	margin-bottom: 10px;
	height: 100px;
	border: #999933 1px solid;
}
.calendarweek {FONT-SIZE: 10px; COLOR: #000000;TEXT-ALIGN: center}
.calendarwd {
	background-color:#99cc66;
	border-bottom: #999933 1px solid;
}
.calendard {
	empty-cells: show;
}
.calendardbg {
	background-color:#FFCC00;
}
.calendar {
	FONT-SIZE: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.sidetitle {
	FONT-SIZE: 11px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	COLOR: #000000;
	TEXT-ALIGN: CENTER;
	background-color:#99cc66;
	WIDTH:90%;
	BORDER-LEFT:1PX #999933 SOLID;
	BORDER-RIGHT:1PX #999933 SOLID;
	BORDER-TOP:1PX #999933 SOLID;
}
.side {
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 10px;
	TEXT-ALIGN: LEFT;
	width: 90%;
	color: #996600;
	border: 1PX #999933 SOLID;
}
.sidebody{padding-left:4px;padding-top:2px;padding-right:2px;padding-bottom:3px;}
A.aside {COLOR: #333333; TEXT-DECORATION: none}
A.aside:link {COLOR: #333333; TEXT-DECORATION: none}
A.aside:visited {
	TEXT-DECORATION: none;
	color: #333333;
}
A.aside:hover {COLOR: #333333; TEXT-DECORATION: underline}

A.arss {COLOR: #dddddd; TEXT-DECORATION: underline}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none}

.pict {MARGIN: 5px 5px 5px 5px;}
.photo {TEXT-ALIGN: center}
.nickname {
	FONT-SIZE: 12px;
	MARGIN: 10px 0px;
	COLOR: #000000;
	text-align: center;
	background-color: #FFEED5;
}
.message {
	FONT-SIZE: 12px;
	COLOR: #333333;
	text-align: left;
	line-height: 150%;
}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #FFFFCC; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {
	MARGIN: 0px 0px 10px;
	TEXT-ALIGN: center;
	color: #CCFFFF;
}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: center}
.checkers {MARGIN-TOP: 10px; FONT-SIZE: 11px}

rainlock 我很喜歡這個風格，我把它帶回套用了，
可是我發現我的網頁沒有辦法變成三欄式，
它還是一樣是「長長的」兩欄，不曉得是哪裡出了問題？
之前套用你三欄式設計，都發生同樣的問題，
如果有空，請你幫我看一下，謝謝。

rainlock~
請你救救我的部落格吧~~ 不知道為什麼我的部落格格式突然變得怪怪的~
左邊的欄位和右邊的日記不能一齊並排顯示出來~ 我試過轉用部落格提供的格式, 但是結果都是一樣, 是否我的設定出錯了? 麻煩你抽點時間去看看我部落格的情況吧~~~十分感謝呢!!

ㄟ....我很喜歡你的部落格樣式...
可是，我怎麼設就是沒辦法把"背景"給貼上去ㄟ...
語法都照做了...可是.....
可以教教我嗎？背景用圖存進電腦是什麼意思？=="
如果可以，麻煩寄到我的信箱好嗎？
c0958510628@yahoo.com.tw 謝謝~

rainlock：
因為我使用了這款部落格樣版，不過因為左邊的邊欄有點窄，
不曉得要修改哪個地方？才可以調整邊欄的寬度？請你告訴我，謝謝。
喔～先祝你聖誕快樂～：）

決定左邊欄位寬度在下面的WIDTH:160px
#links {
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 160px;
color: #CCFFFF;
position: absolute;
}

決定右邊欄位寬度在下面的WIDTH:160px
#links-more {
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 160px;
margin-left: 600px;
PADDING-TOP:20PX;
position: absolute;
}

改變數字大小就可以，但要注意的事變了之後，中間的主文欄位會影響到，所以也要注意到#content{}當中的數字要跟著修正

Hi rainlock,
我試者套用了您提供的樣式了，
但是遇到二個問題，想請您幫幫忙，
1.為什麼不管我套那一個 css ，文章都是全部顯示？
我希望呈現出摘要的部份就好了。
2.如何把中間文章的區域加大，
因為我本來的文章，會和左邊的區域重疊...

妳好
我剛接觸天空部落格，不是很會使用。
偶然逛到版主家，覺得您的CSS樣版都好可愛。
如果我想作個自己寶貝專屬的BANNER，採兩欄方式。
要如何套用妳設計的CSS樣版呢？還有要怎麼樣才能刪除贊助商、其他資訊和POWERED BY這幾個欄位呢？

<a href= http://lilyolapictures.cooly2series7.info/ >lil yola pictures</a>
<a href= http://biglokotelyrics.cooly2series7.info/ >big lokote lyrics</a>
<a href= http://samplehighschoolinvestigatoryproject.cooly2series7.info/ >sample high school investigatory project</a>
<a href= http://univisionchatlatino.cooly2series7.info/ >univision chat latino</a>
<a href= http://idoltonepupper.cooly2series7.info/ >idol tone pupper</a>
<a href= http://jawatankosongkerajaan2007.cooly2series7.info/ >jawatan kosong kerajaan 2007</a>
<a href= http://donneconvoglie.cooly2series7.info/ >donne con voglie</a>
<a href= http://divastarzhomepage.cooly2series7.info/ >diva starz homepage</a>
<a href= http://maneleful2007.cooly2series7.info/ >manele ful 2007</a>
<a href= http://ricercanumericellulari.cooly2series7.info/ >ricerca numeri cellulari</a>

<a href= http://primeraguerramundiallineadeltiempo.cooly3series1.info/ >primera guerra mundial linea del tiempo</a>
<a href= http://deadseriouslrghoodie.cooly3series1.info/ >dead serious lrg hoodie</a>
<a href= http://laorejadevango.cooly3series1.info/ >la oreja de vango</a>
<a href= http://nudecaterinamurinovideo.cooly3series1.info/ >nude caterina murino video</a>
<a href= http://nicolecocoaustinplayboypictures.cooly3series1.info/ >nicole coco austin playboy pictures</a>
<a href= http://diretx90c.cooly3series1.info/ >diretx 9 0c</a>
<a href= http://guitarlyricssomedaybynina.cooly3series1.info/ >guitar lyrics someday by nina</a>
<a href= http://dotaaimap.cooly3series1.info/ >dota ai map</a>
<a href= http://jawatankosongtetap.cooly3series1.info/ >jawatan kosong tetap</a>
<a href= http://newsandralsboardbbs.cooly3series1.info/ >new sandra ls board bbs</a>

<a href= http://rachelraymaximspread.cooly3series2.info/ >rachel ray maxim spread</a>
<a href= http://shopatbelksstores.cooly3series2.info/ >shop at belks stores</a>
<a href= http://nudepicturesofangelicapanganiban.cooly3series2.info/ >nude pictures of angelica panganiban</a>
<a href= http://mileycyrusupskirt.cooly3series2.info/ >miley cyrus upskirt</a>
<a href= http://californiahighwaypatrolvideocrashhalloween.cooly3series2.info/ >california highway patrol video crash halloween</a>
<a href= http://devarbhabhistories.cooly3series2.info/ >devar bhabhi stories</a>
<a href= http://elparralnigthclub.cooly3series2.info/ >el parral nigth club</a>
<a href= http://videolizvegafollando.cooly3series2.info/ >video liz vega follando</a>
<a href= http://catsourascarcrashphotosphotopix.cooly3series2.info/ >catsouras car crash photos photo pix</a>
<a href= http://christiandivlayouts.cooly3series2.info/ >christian div layouts</a>

<a href= http://christmasmyspaceoverlays.cooly3series2.info/ >christmas myspace overlays</a>
<a href= http://prewritinghandoutworksheet.cooly3series2.info/ >prewriting handout worksheet</a>
<a href= http://mydarlingnikkicom.cooly3series2.info/ >my darling nikki com</a>
<a href= http://deathphotosofnicolenikkicatsouras.cooly3series2.info/ >death photos of nicole nikki catsouras</a>
<a href= http://krgvnewschannel5.cooly3series2.info/ >krgv news channel 5</a>
<a href= http://autopsyofvalentinelizalde.cooly3series2.info/ >autopsy of valentin elizalde</a>
<a href= http://employeeconnectioncommacys.cooly3series2.info/ >employeeconnection com macys</a>
<a href= http://nakedwwedivas2008.cooly3series2.info/ >naked wwe divas 2008</a>
<a href= http://itemmakercheatforrunescpe.cooly3series2.info/ >item maker cheat for runescpe</a>
<a href= http://narutocharsmugen.cooly3series2.info/ >naruto chars mugen</a>

<a href= http://xtremetop100ragnarokprivateserver.cooly3series3.info/ >xtreme top 100 ragnarok private server</a>
<a href= http://vndamtructuyen.cooly3series3.info/ >vndam truc tuyen</a>
<a href= http://nellyfurtatolyrics.cooly3series3.info/ >nelly furtato lyrics</a>
<a href= http://pussycatdollsswaylyrics.cooly3series3.info/ >pussy cat dolls sway lyrics</a>
<a href= http://harakahonlinemalaysia.cooly3series3.info/ >harakah online malaysia</a>
<a href= http://freemallumasalaclips.cooly3series3.info/ >free mallu masala clips</a>
<a href= http://usarmypovriskassesment.cooly3series3.info/ >us army pov risk assesment</a>
<a href= http://larissaakabootz.cooly3series3.info/ >larissa aka bootz</a>
<a href= http://stepupcheeta.cooly3series3.info/ >step up cheeta</a>
<a href= http://angolotestileonardo.cooly3series3.info/ >angolo testi leonardo</a>

<a href= http://sizechartsformillimiters.cooly3series4.info/ >size charts for millimiters</a>
<a href= http://picturesofdelishisfromflavorlove.cooly3series4.info/ >pictures of delishis from flavor love</a>
<a href= http://nikkiporschecarcrashphotos.cooly3series4.info/ >nikki porsche car crash photos</a>
<a href= http://deelishuspossesnude.cooly3series4.info/ >deelishus posses nude</a>
<a href= http://lsmagazineissue16.cooly3series4.info/ >ls magazine issue 16</a>
<a href= http://crashphotosofnikkicatsouras.cooly3series4.info/ >crash photos of nikki catsouras</a>
<a href= http://porschegirlnikkicrashpictures.cooly3series4.info/ >porsche girl nikki crash pictures</a>
<a href= http://supermugenchars.cooly3series4.info/ >super mugen chars</a>
<a href= http://atlbadboycom.cooly3series4.info/ >atl bad boy com</a>
<a href= http://sakuralemonfanfictionarchive.cooly3series4.info/ >sakura lemon fanfiction archive</a>

姓名:
email:
URL:
	記錄個人資訊:
回應:
檢核碼:

溫柔對待部落格

November 24, 2005

SIMPLE部落格樣版下載

引用URL