yal's blog:手癢做了一個樂多版型：紅色標籤

<< 新的相片儲存服務：23people | 回blog首頁 | 樂多版型：鍵入！ >>

June 21,2005

手癢做了一個樂多版型：紅色標籤

看colaccl作版型分享給大家，我也手癢做了一個，但畢竟不是相關科系出身，實在很難跟colaccl比。

不過我還是厚臉皮的放出來給大家瞧瞧，有沒有人要用阿？

如果想要用我的板型請注意以下幾點：
1) 有使用的朋友請迴響或引用此篇
2) 照片版權為 yuanlin 所有，請勿拿去做其他用途
3) 此版型只適用於Yam Blog 樂多日誌
4) 此版型通用於 IE 和 Firefox

預覽

樣式表
BODY { BACKGROUND-POSITION: 50% 50%; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://blog.roodo.com/yuanlin/3481a790.png); MARGIN: 0px; WIDTH: 100%; COLOR: #ffffff; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; BACKGROUND-COLOR: #333333; TEXT-ALIGN: center } A { COLOR: #ccccff; TEXT-DECORATION: underline } A:link { COLOR: #cccccc; TEXT-DECORATION: underline } A:visited { COLOR: #cccccc; TEXT-DECORATION: underline } A:active { COLOR: #999999 } A:hover { COLOR: #ffffff; BACKGROUND-COLOR: #666666; TEXT-DECORATION: none } A.acalendar { COLOR: #ffffff; TEXT-DECORATION: underline } A.acalendar:link { COLOR: #cccccc; TEXT-DECORATION: underline } A.acalendar:visited { COLOR: #cccccc; TEXT-DECORATION: underline } A.acalendar:active { } A.acalendar:hover { COLOR: #cccccc; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none } A.acontinues { COLOR: #cccccc; TEXT-DECORATION: underline } A.acontinues:link { COLOR: #cccccc; TEXT-DECORATION: underline } A.acontinues:visited { TEXT-DECORATION: underline } A.acontinues:active { } A.acontinues:hover { COLOR: #bababa; TEXT-DECORATION: none } A.amenu { COLOR: #ffffff; TEXT-DECORATION: underline } A.amenu:link { COLOR: #ffffff; TEXT-DECORATION: underline } A.amenu:visited { TEXT-DECORATION: underline } A.amenu:active { } A.amenu:hover { COLOR: #cccccc; TEXT-DECORATION: none } #container { MARGIN: 0px auto; WIDTH: 740px; TEXT-ALIGN: left } #banner { BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(http://blog.roodo.com/yuanlin/b2794e2e.png); BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; BACKGROUND-COLOR: #9a9c92 } #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 { } #banner A:hover { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline } #subbanner A { COLOR: #cccccc; TEXT-DECORATION: none } #subbanner A:link { COLOR: #cccccc; TEXT-DECORATION: none } #subbanner A:visited { TEXT-DECORATION: none } #subbanner A:active { } #subbanner A:hover { COLOR: #cccccc; 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; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 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-RIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 175px; LETTER-SPACING: 0px; TEXT-ALIGN: right } .description { PADDING-RIGHT: 15px; FONT-SIZE: 12px; PADDING-TOP: 3px; LETTER-SPACING: 0px; TEXT-ALIGN: right } #content { FLOAT: left; WIDTH: 512px; MARGIN-RIGHT: 0px } .blog { MARGIN: 0px 10px 0px 25px } .date { MARGIN-TOP: 20px; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000; HEIGHT: 20px; background-image: url(http://blog.roodo.com/yuanlin/1deb9e86.png); background-repeat: no-repeat; background-position: left top; padding-left: 20px; } .blogbody { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } .title { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #666666 } .main { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; LINE-HEIGHT: 150%; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; BACKGROUND-COLOR: #333333 } .main-continues { FONT-SIZE: 13px } .posted { FONT-SIZE: 11px; MARGIN: 0px 0px 5px; COLOR: #cccccc; TEXT-ALIGN: right } A.aposted { COLOR: #999999; TEXT-DECORATION: underline } A.aposted:link { COLOR: #999999; TEXT-DECORATION: underline } A.aposted:visited { COLOR: #999999; TEXT-DECORATION: underline } A.aposted:active { COLOR: #999999 } A.aposted:hover { COLOR: #999999; TEXT-DECORATION: none } .menu { FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: right } .comments-head { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #666666 } .comments-body { FONT-SIZE: 12px; MARGIN: 20px 0px 15px 13px; COLOR: #ffffff; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #333333 } .comments-post { FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666666; TEXT-ALIGN: right } .trackback-url { FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #999999 } .trackback-body { FONT-SIZE: 12px; MARGIN: 20px 0px 15px 13px; COLOR: #ffffff; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #333333 } .trackback-post { FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666666; TEXT-ALIGN: right } A.atrackback-post { COLOR: #ffffff; TEXT-DECORATION: underline } A.atrackback-post:link { COLOR: #ffffff; TEXT-DECORATION: underline } A.atrackback-post:visited { COLOR: #ffffff; TEXT-DECORATION: none } A.atrackback-post:active { FONT-WEIGHT: bold } A.atrackback-post:hover { COLOR: #bababa } TABLE.form { MARGIN: 25px 0px 0px 13px } LABEL { FONT-WEIGHT: bold; FONT-SIZE: 12px } #author { BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #aaaaaa 1px dashed; BACKGROUND-COLOR: #f3f5ef } #email { BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #aaaaaa 1px dashed; BACKGROUND-COLOR: #f3f5ef } #url { BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #aaaaaa 1px dashed; BACKGROUND-COLOR: #f3f5ef } #text { BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; WIDTH: 500px; BORDER-BOTTOM: #aaaaaa 1px dashed; HEIGHT: 200px; BACKGROUND-COLOR: #f3f5ef } .pagetop { FONT-SIZE: 12px; MARGIN: 5px 0px 25px; TEXT-ALIGN: right } #links { MARGIN-TOP: 20px; FLOAT: right; OVERFLOW: hidden; WIDTH: 200px; COLOR: #ffffff; MARGIN-RIGHT: 10px; TEXT-ALIGN: center } .calendarhead { PADDING-RIGHT: 5px; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; background-image: url(http://blog.roodo.com/yuanlin/2f9890b5.png); background-repeat: no-repeat; background-position: left center; } .calendartable { MARGIN: 0px 0px 10px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center } .calendarweek { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-ALIGN: left } .calendarwd { } .calendard { empty-cells: show } .calendardbg { COLOR: #999999; BACKGROUND-COLOR: #999999 } .calendar { FONT-SIZE: 12px; COLOR: #ffffff } .sidetitle { PADDING-RIGHT: 5px; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left; background-image: url(http://blog.roodo.com/yuanlin/2f9890b5.png); background-repeat: no-repeat; background-position: left center; } .side { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 200%; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left } A.aside { COLOR: #999999; TEXT-DECORATION: underline } A.aside:link { COLOR: #cccccc; TEXT-DECORATION: underline } A.aside:visited { COLOR: #cccccc; TEXT-DECORATION: underline } A.aside:hover { COLOR: #cccccc; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none } 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 } IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px } .pict { MARGIN: 5px } .photo { TEXT-ALIGN: center } .nickname { FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #ffffff } .message { FONT-SIZE: 12px } .quotetable { } .quote { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px } .blogtimes { MARGIN: 0px 0px 15px; TEXT-ALIGN: center } .powered { MARGIN: 0px 0px 10px; TEXT-ALIGN: center } .syndicate { DISPLAY: none; MARGIN: 5px 0px; TEXT-ALIGN: center } .checkers { MARGIN-TOP: 10px; FONT-SIZE: 12px } .plus { BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px dashed; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #ffffff }

對了，這版型叫紅色標籤的原因是因為我想不出名字阿 XD

Technorati Tags: yuanlin, css

Posted by yuanlin at 樂多Roodo! │18:07 │回應(20) │引用(0) │版型分享

樂多分類：網路/3C 共同主題：CSS設計排版工具：加入樂多書籤│編輯本文

引用URL

http://cgi.blog.roodo.com/trackback/207819

回應文章

做的很棒丫 >"<
我也打算做一個給大家耶 ^_^

Posted by Elia at June 21,2005 22:49

快來做做看吧！搞不好可以搞一個非官方版的樂多面板集散地

Posted by yuanlin at June 21,2005 22:53

你做得很棒

很想拿回家用用看呢呵呵

Posted by Vista at June 21,2005 23:21

你做的很美！

Posted by 樂 at June 22,2005 12:58

做得很漂亮，拿來試試看：D

Posted by Garcia at July 26,2005 16:20

終於有人要用了，不過也請留下個網址好讓我過去看看阿 XD

Posted by yuanlin at July 26,2005 20:17

我還沒把家整理好呢！這是我第一次使用blog，謝謝你的分享^^

Posted by vogue at July 29,2005 20:26

喔喔！終於看到有人用我做的板型了，真是太高興了
有什麼問題也請在這篇迴響給我知道喔～

Posted by yuanlin at July 29,2005 21:18

yuanlin要不要考慮做一個棒球版的theme
如果做出來的話我要用：）

Posted by Vista at August 2,2005 12:08

做的不錯哦，覺得做出自己的風格最重要，不用在意別人的眼光哦!!

Posted by 焦貓 at August 4,2005 04:50

看起來挺酷的!借來用用喔!謝謝

Posted by Fiona at August 27,2005 00:50

也把這個模版變成我們的一個新選擇喔!!

Posted by totem at October 3,2005 16:46

totem,
或許說清楚一點會比較好,你這樣我一點頭緒都沒有阿 XD

Posted by yuanlin at October 3,2005 20:31

Hihi~
挺適合偶現在ㄉ心情呢......
借來用一下ㄋㄟ!
3Q~
^^

Posted by J.A. at October 16,2005 01:46

J.A.
給個網址讓我去拜訪拜訪吧 :)

Posted by yuanlin at October 16,2005 10:36

做的很漂亮哦...
借一個來用用~

Posted by 糖仔 at October 27,2005 12:09

請問，左右邊對調(如上，右邊變成文左邊變成功能欄)的關鍵語法需如何修改，謝謝。

Posted by 新手 at January 12,2006 22:46

感謝你的分享，我稍做修改後使用囉～

Posted by wenwen at March 25,2006 02:11

看起來很漂亮!! 借我用囉! 3Q

Posted by 咕嚕 at June 4,2006 21:47

偷走摟~
很好看！

謝謝分享，喜歡這樣簡單的風格！

Posted by 彥小彬 at July 6,2006 10:43

姓名 :
Email :
URL :
	記住我的資訊顯示我的圖像 ( 登入或申請個人圖像 )
回應內容 :

回最上方