2005年8月25日 01:45

賴床樣式版面下載

24-sample.jpg

看看這傢伙賴床的樣子,真想一腳踢下去吧。不過這個賴床的樣子,恐怕也發生在你身上吧。顏色或是字體都可以更改,擁有一個讓自己喜歡的部落格是最重要的囉。

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

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

←板面背景用圖

←文章標題前小圖

←sidebar標題前小圖

←分隔線使用圖

BODY {
Font-Family: 新細明體,Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
background-image: url(
http://板面背景用圖); 
background-position: right top; 
background-repeat: no-repeat;
background-attachment:fixed;
MARGIN:0px;
WIDTH: 1002px;
COLOR: #000000; 
HEIGHT: 100%;
TEXT-ALIGN: center;
font-size: 12px;
}

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

A.acalendar {COLOR: #0000ff; TEXT-DECORATION: underline}
A.acalendar:link {COLOR: #0000ff; TEXT-DECORATION: underline}
A.acalendar:visited {COLOR: #0000ff; TEXT-DECORATION: underline}
A.acalendar:active {}
A.acalendar:hover {COLOR: #0000ff; TEXT-DECORATION: none}

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

A.amenu {COLOR: #006699; TEXT-DECORATION: underline}
A.amenu:link {COLOR: #006699; TEXT-DECORATION: underline}
A.amenu:visited {COLOR: #006699; TEXT-DECORATION: underline}
A.amenu:active {}
A.amenu:hover {COLOR: #bababa; TEXT-DECORATION: none}

#container {
MARGIN: 0px;
WIDTH: 755px;
TEXT-ALIGN: center;
FLOAT: left;
}
#banner {
MARGIN: 0px;
WIDTH: 767px;
HEIGHT: 39px;
TEXT-ALIGN: center;
}
#subbanner {}
#banner A {COLOR: #ffffff; TEXT-DECORATION: none}
#banner A:link {COLOR: #ffffff;TEXT-DECORATION: none;}
#banner A:visited { COLOR: #ffffff; TEXT-DECORATION: none;}
#banner A:active {COLOR: #ffffff; TEXT-DECORATION: none;}
#banner A:hover {COLOR: #ffffff; TEXT-DECORATION: underline;}

#subbanner A {COLOR: #006699; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #006699; TEXT-DECORATION: none}
#subbanner A:visited {TEXT-DECORATION: none}
#subbanner A:active {}
#subbanner A:hover {COLOR: #bababa; 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 {
PADDING-left: 40px;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
PADDING-TOP: 3px;
LETTER-SPACING: 1px;
TEXT-ALIGN: left;
}
.description {
PADDING-TOP:3px;
PADDING-left: 45px;
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
COLOR: #eeeeee; 
TEXT-ALIGN: left;
}

#content {
FLOAT: right;
WIDTH: 550px;
padding-bottom: 0px;
TEXT-ALIGN: center;
}
.blog {
MARGIN: 0px 25px;
}
.date {
FONT-SIZE: 12px;
COLOR: dodgerblue;
font-weight: normal;
height: 20px;
margin-top: 20px;
TEXT-ALIGN: right;
}
.blogbody {
TEXT-ALIGN: left;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
}
.title {
PADDING-LEFT: 21px;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
COLOR: #000000;
padding-top: 5px;
height:20px;
background-image: url(
http://文章標題前小圖); 
background-position: 0% 50%; 
background-repeat: no-repeat;
Font-Family: 新細明體,Arial, Helvetica, sans-serif;
}
.main {
PADDING-LEFT: 5px;
FONT-SIZE: 13px;
MARGIN: 10px 0px;
COLOR: #333333;
LINE-HEIGHT: 160%;
LETTER-SPACING: 0.1em;
Font-Family: 新細明體,Arial, Helvetica, sans-serif;
}
.main-continues {FONT-SIZE: 13px}

.posted {
font-size: 11px;
MARGIN: 0px 0px 5px; 
COLOR: #006699; 
TEXT-ALIGN: right;
height:28px;
background-image: url(
http://分隔線使用圖); 
background-position: 0% 100%; 
background-repeat: repeat-x;
}

A.aposted {COLOR: #006699; TEXT-DECORATION: underline}
A.aposted:link {COLOR: #006699; TEXT-DECORATION: underline}
A.aposted:visited {COLOR: #006699; TEXT-DECORATION: underline}
A.aposted:active {COLOR: #006699;}
A.aposted:hover {COLOR: #828282; TEXT-DECORATION: none;}

.menu {margin-top:5px; FONT-SIZE: 12px; COLOR: #006699; TEXT-ALIGN: right}

.comments-head {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 21px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 14px; 
PADDING-BOTTOM: 0px; 
COLOR: #333333; 
PADDING-TOP: 0px; 
HEIGHT: 20px;
background-image: url(
http://文章標題前小圖); 
background-position: 0% 50%; 
background-repeat: no-repeat;
}
.comments-body {COLOR: #828282; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%}
.comments-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #828282; TEXT-ALIGN: right}
.trackback-url {FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 20px 0px 15px 13px; COLOR: #006699}
.trackback-body {COLOR: #828282; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%}
.trackback-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #828282; TEXT-ALIGN: right}

A.atrackback-post {FONT-WEIGHT: bold; COLOR: #006699; TEXT-DECORATION: underline}
A.atrackback-post:link {FONT-WEIGHT: bold; COLOR: #006699; TEXT-DECORATION: underline}
A.atrackback-post:visited {FONT-WEIGHT: bold; COLOR: #006699; TEXT-DECORATION: underline}
A.atrackback-post:active {FONT-WEIGHT: bold}
A.atrackback-post:hover {FONT-WEIGHT: bold; COLOR: #bababa; TEXT-DECORATION: none}

TABLE.form {MARGIN: 25px 0px 0px 13px}
LABEL {FONT-WEIGHT: bold; FONT-SIZE: 13px}
#author { WIDTH: 200px;}
#email { WIDTH: 200px;}
#url { WIDTH: 200px;}
#text {WIDTH: 633px; HEIGHT: 200px}

.pagetop {
FONT-SIZE: 12px;
MARGIN: 5px 0px 25px;
TEXT-ALIGN: right;
padding-bottom: 15px;
}

#links {
MARGIN-TOP: 20px;
Margin-left:20px;
FLOAT: left;
WIDTH: 180px;
TEXT-ALIGN: center;
}
.calendarhead {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #333333;
TEXT-ALIGN: center;
letter-spacing: 2px;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}
.calendartable {
WIDTH: 100%;
TEXT-ALIGN: center;
BORDER: #7BB0D8 1px dotted;
}
.calendarweek {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #eeeeee;TEXT-ALIGN: left}
.calendarwd {
background-color: #7BB0D8;
}
.calendard {
empty-cells: show;
}
.calendardbg {
}
.calendar {
FONT-SIZE: 12px;
color: #666666;
text-align: center;
}

.sidetitle {
PADDING-LEFT: 21px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
COLOR: #000000;
PADDING-TOP: 15px;
LETTER-SPACING: 2px;
TEXT-ALIGN: left;
height:20px;
background-image: url(
http://sidebar標題前小圖); 
background-position: 0% 60%; 
background-repeat: no-repeat;
}
.side {
COLOR: #333333;
PADDING-LEFT: 5px;
PADDING-right: 5px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 15px;
MARGIN: 0px 0px 0px;
LINE-HEIGHT: 200%;
PADDING-TOP: 5px;
TEXT-ALIGN: left;
}

A.aside {COLOR: #006699; TEXT-DECORATION: underline}
A.aside:link {COLOR: #006699; TEXT-DECORATION: underline}
A.aside:visited {COLOR: #006699; TEXT-DECORATION: underline;}
A.aside:hover {COLOR: #bababa; TEXT-DECORATION: none}

A.asidebody {COLOR: #006699; TEXT-DECORATION: underline}
A.asidebody:link {COLOR: #006699; TEXT-DECORATION: underline}
A.asidebodye:visited {COLOR: #006699; TEXT-DECORATION: underline;}
A.asidebody:hover {COLOR: #bababa; TEXT-DECORATION: none}

A.arss {COLOR: #006699; TEXT-DECORATION: underline}
A.arss:link {COLOR: #006699; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #006699; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none}

img {BORDER: 0px;}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {TEXT-ALIGN: center}
.nickname {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #333333}
.message {FONT-SIZE: 12px; COLOR: #333333}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #828282; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {MARGIN: 0px 0px 10px; TEXT-ALIGN: center}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: center}
.checkers {MARGIN-TOP: 10px; FONT-SIZE: 12px}


  • rainlock 發表於樂多回應(20)引用(1)CSS樣板下載編輯本文
    樂多分類:網路/3C切換閱讀版型 │昨日人次:4 │累計人次:2168
     

    引用URL

    http://cgi.blog.roodo.com/trackback/408216
    引用列表:
    玩玩看... 賴床男原始發表部落格 感謝作者的巧思...^^
    CSS面版玩玩看...【Jokof's Blog】 at 2006年6月14日 19:52

    回應文章
    唔啊~
    一段時間不見,
    你的創作熱情還在持續中呢。
    每個都很有特色喔

    加油
    | 檢舉 | Posted by Vincent at 2005年8月25日 01:58
    嗯...點點頭~Good!
    | 檢舉 | Posted by cara at 2005年8月25日 10:22
    好多樣式可以選擇
    讓我很想每隔一段時間就換不一樣的樣式
    謝謝分享

    再來有一個問題想請教
    換了樣式之後
    發文的文章原有的空行都顯示不出來
    變成一大篇文字
    請問這個要從哪個地方修改呢?
    | 檢舉 | Posted by Jing244 at 2005年8月26日 11:47
    你把程式中的“新細明體,”這幾個字刪掉看看
    | 檢舉 | Posted by rainlock at 2005年8月27日 05:22
    很讚的設計...
    不過有一點點小BUG喔
    背景位置要改成 left top 才會靠左邊
    也就是第五行要改成
    background-position: left top;
    | 檢舉 | Posted by Jokof at 2006年6月14日 22:13
    不好意思 我是新手
    也是第一次使用您的樣版
    覺得您的設計都很棒耶

    不過想請問一下您所說的
    "將下面CSS中紅色字體部份修正以便抓到你的圖檔"
    是指 上傳圖片檔案之後 複製捷徑 貼在紅色部分嗎

    謝謝
    | 檢舉 | Posted by stone at 2006年7月9日 01:34
    Jimmy Choo Shoes Outlet http://iaff859.com/shifts/shifts.html Jimmy Choo Shoes Outlet
    Louboutin Shop Online
    | 檢舉 | Posted by Louboutin Shop Online at 2014年3月6日 15:19
    Giuseppe Zanotti Shoes http://www.kreacasa.it/servizi.asp Giuseppe Zanotti Shoes
    Cheap Jimmy Choo Shoes
    | 檢舉 | Posted by Cheap Jimmy Choo Shoes at 2014年3月6日 15:20
    Replica Giuseppe Zanotti http://www.comfortzonecaregiving.com/ Replica Giuseppe Zanotti
    Oakley Eyeglass Frames
    | 檢舉 | Posted by Oakley Eyeglass Frames at 2014年3月6日 15:20
    You should take part in a contest for one of the best blogs on the web. I will recommend this site!
    | 檢舉 | Posted by The Best Sunglasses For Girls at 2014年4月16日 00:39
    Yep, FileZilla's development group does not succeed higher signifies through my family for hiding. htaccess records automatically AND stashing the option to watch it inside a random selection (should always be under "View")...
    | 檢舉 | Posted by Dr Dre Beats at 2014年5月1日 06:41
    also can enable you to "Make your own fine art seem like crap. very well Check out his / her designed this particular emblem concept regarding my personal layout enterprise soon after experiencing Von Glitscha's guide, Vector Simple Coaching. This individual explains the complete imaginative course of action coming from pulling rough thumbnails "analog" fashion,
    | 檢舉 | Posted by gw2 gold at 2014年5月1日 06:41
    |を彼はクイック訪問を支払うこのウェブサイト 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 と日付までですべての時間。
    | 檢舉 | Posted by グッチ アウトレット 財布 at 2014年5月3日 00:23
    真に 場合どんなに そのあとそのまで他の{ユーザーへ|人|視聴者の誰かが知っているのに注意して理解していません |彼らは役立つことを訪問者アシストしますので、ここでそれが起こる発生 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 に行われます。
    オークリー レーダーロック http://www.gordleydesign.com/オークリー.html
    | 檢舉 | Posted by オークリー レーダーロック at 2014年5月15日 05:35
    どうしたの、私はちょうどしたかったあなたを教えて、あなたは間違っている。あなたのポイント 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 は何の意味もなさない。
    フェラガモ カチューシャ http://www.mpeg-laser.org/フェラガモ.html
    | 檢舉 | Posted by フェラガモ カチューシャ at 2014年5月15日 07:21
    Hahahahahahaha、この政治関連するYouTubeのビデオは本当に真にされるようにコミカル、私はスキそれ。この 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 を共有の賛成でありがとう。
    ポーター アウトレット http://www.rematchsportsnh.com/images/porter.html
    | 檢舉 | Posted by ポーター アウトレット at 2014年5月15日 18:50
    このビデオポスト 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 です本当に 機能とノイズエコー音、巨大このテープの|画像機能を品質 目覚ましい投稿は実際です。
    フェラガモ http://www.ssreuta.com/
    | 檢舉 | Posted by フェラガモ at 2014年5月15日 20:49
    私と私の、彼らが持っているので、から すべての時間のためにいつものYouTubeでゲームクリップ友人 サッカーを見る楽しい品質 溫柔對待部落格:賴床樣式版面下載 - 樂多日誌 。
    フェラガモ 財布 http://www.wildfiredt.com/
    | 檢舉 | Posted by フェラガモ 財布 at 2014年5月16日 08:07
    wonderful blog post this a spectacular publisher I’ve subscribed to this website
    | 檢舉 | Posted by Mia at 2014年5月21日 10:49
    Not long ago none of invisible checker do the job adequately. the presents show imperceptable seeing that off the internet. May anyone demonstrate many a powerful one???
    | 檢舉 | Posted by nike free run 2 pas cher at 2014年6月26日 15:46
     
     


     
    x