yal's blog:版型分享

August 13,2005

樂多版型：金髮憂鬱

本來是要做給我們家妞妞用的板型，但是妞妞說這版型太憂鬱了所以沒有用，現在放出來給喜歡憂鬱的朋友 XD

banner 圖是我家妞妞最近買的小布，名字叫"壁爐" :~

想要用此版型的朋友還是要聽我囉唆幾件事：
1) 有使用的朋友請迴響或引用此篇(請留下網址讓我可以拜訪)
2) 照片版權為 yuanlin 所有，請勿拿去做其他用途
3) 此版型只適用於Yam Blog 樂多日誌
4) 此版型通用於 IE 和 Firefox
5) 對版型若有任何問題請迴響此篇文章

預覽：

樣式表：
BODY { FONT-SIZE: 15px; MARGIN: 10px; WIDTH: auto; COLOR: #555; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; BACKGROUND-COLOR: #fff2bf; TEXT-ALIGN: center } A { COLOR: #bfac60; TEXT-DECORATION: none } A:link { COLOR: #bfac60; TEXT-DECORATION: none } A:visited { COLOR: #bfac60; TEXT-DECORATION: none } A:active { COLOR: #bfac60 } A:hover { COLOR: #bfac60; TEXT-DECORATION: underline } A.acalendar { COLOR: #999966; BACKGROUND-COLOR: #fff7e6; TEXT-DECORATION: none } A.acalendar:link { COLOR: #999966; TEXT-DECORATION: none } A.acalendar:visited { COLOR: #999966; TEXT-DECORATION: none } A.acalendar:active { } A.acalendar:hover { COLOR: #ffffff; TEXT-DECORATION: underline } A.acontinues { COLOR: #999966; TEXT-DECORATION: none } A.acontinues:link { COLOR: #999966; TEXT-DECORATION: none } A.acontinues:visited { COLOR: #999966; TEXT-DECORATION: none } A.acontinues:active { } A.acontinues:hover { COLOR: #bababa; TEXT-DECORATION: underline } A.amenu { COLOR: #999966; TEXT-DECORATION: none } A.amenu:link { COLOR: #999966; TEXT-DECORATION: none } A.amenu:visited { COLOR: #999966; TEXT-DECORATION: none } A.amenu:active { } A.amenu:hover { COLOR: #bababa; TEXT-DECORATION: underline } #container { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 20px auto; WIDTH: 850px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } #banner { BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/0a6a2632.png); WIDTH: auto; HEIGHT: 450px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } #subbanner { } #banner A { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #banner A:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #banner A:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } #banner A:active { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif } #banner A:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; 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-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 36px; WIDTH: auto; PADDING-TOP: 350px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 2px; TEXT-ALIGN: left } .description { PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: auto; COLOR: #000; LETTER-SPACING: 2px; TEXT-ALIGN: left } #content { MARGIN-TOP: 10px; FLOAT: left; WIDTH: 580px; TEXT-ALIGN: center } .blog { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; PADDING-TOP: 0px } .date { MARGIN-TOP: 20px; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 20px; TEXT-ALIGN: left } .blogbody { PADDING-RIGHT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ddd 2px dotted; TEXT-ALIGN: left } .title { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #e6c373; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 20px } .main { FONT-SIZE: 15px; MARGIN: 15px 0px; COLOR: #555; LINE-HEIGHT: 180%; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px } .main-continues { FONT-SIZE: 13px } .posted { FONT-SIZE: 13px; MARGIN: 0px 0px 5px; COLOR: #666; TEXT-ALIGN: right } A.aposted { COLOR: #666633; TEXT-DECORATION: none } A.aposted:link { COLOR: #666633; TEXT-DECORATION: none } A.aposted:visited { COLOR: #666633; TEXT-DECORATION: none } A.aposted:active { COLOR: #666633; TEXT-DECORATION: none } A.aposted:hover { COLOR: #666633; TEXT-DECORATION: underline } .menu { MARGIN-TOP: 5px; FONT-SIZE: 13px; COLOR: #999966; TEXT-ALIGN: right } .comments-head { PADDING-RIGHT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 20px; HEIGHT: 10px } .comments-body { FONT-SIZE: 15px; MARGIN: 20px 0px 15px 13px; COLOR: #828282; LINE-HEIGHT: 135% } .comments-post { FONT-SIZE: 13px; MARGIN: 0px 0px 25px; COLOR: #828282; TEXT-ALIGN: right } .trackback-url { FONT-WEIGHT: normal; FONT-SIZE: 15px; MARGIN: 15px 0px; COLOR: #666633 } .trackback-body { FONT-SIZE: 15px; MARGIN: 20px 0px 15px 13px; COLOR: #777777; LINE-HEIGHT: 150% } .trackback-post { FONT-SIZE: 13px; MARGIN: 0px 0px 25px; COLOR: #828282; TEXT-ALIGN: right } A.atrackback-post { FONT-WEIGHT: bold; COLOR: #999966; TEXT-DECORATION: none } A.atrackback-post:link { FONT-WEIGHT: bold; COLOR: #999966; TEXT-DECORATION: none } A.atrackback-post:visited { FONT-WEIGHT: bold; COLOR: #999966; TEXT-DECORATION: none } A.atrackback-post:active { FONT-WEIGHT: bold } A.atrackback-post:hover { FONT-WEIGHT: bold; COLOR: #bababa; TEXT-DECORATION: underline } TABLE.form { MARGIN: 25px 0px 0px 13px; TEXT-TRANSFORM: lowercase } LABEL { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #666666 } #author { BORDER-RIGHT: #aaaa99 1px solid; BORDER-TOP: #aaaa99 1px solid; BORDER-LEFT: #aaaa99 1px solid; WIDTH: 200px; BORDER-BOTTOM: #aaaa99 1px solid } #email { BORDER-RIGHT: #aaaa99 1px solid; BORDER-TOP: #aaaa99 1px solid; BORDER-LEFT: #aaaa99 1px solid; WIDTH: 200px; BORDER-BOTTOM: #aaaa99 1px solid } #url { BORDER-RIGHT: #aaaa99 1px solid; BORDER-TOP: #aaaa99 1px solid; BORDER-LEFT: #aaaa99 1px solid; WIDTH: 200px; BORDER-BOTTOM: #aaaa99 1px solid } #text { BORDER-RIGHT: #aaaa99 1px solid; BORDER-TOP: #aaaa99 1px solid; BORDER-LEFT: #aaaa99 1px solid; WIDTH: 500px; BORDER-BOTTOM: #aaaa99 1px solid; HEIGHT: 200px } .pagetop { FONT-SIZE: 13px; MARGIN: 5px 0px 0px; TEXT-ALIGN: right } #links { MARGIN-TOP: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 30px; BORDER-LEFT: #ffd980 1px solid; WIDTH: 240px; TEXT-ALIGN: center } .calendarhead { FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; WIDTH: 100%; COLOR: #bfa260; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: 2px; BACKGROUND-COLOR: #ffd980; TEXT-ALIGN: center; margin-top: 10px; } .calendartable { WIDTH: 100%; BORDER-BOTTOM: #fff 2px solid; BACKGROUND-COLOR: #ffd980; TEXT-ALIGN: center } .calendarweek { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #bfa260; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffd980; TEXT-ALIGN: left } .calendarwd { BACKGROUND-COLOR: #ffd980 } .calendard { BACKGROUND-COLOR: #ffd980; empty-cells: show } .calendardbg { BACKGROUND-COLOR: #fff7e6; color: #000000; } .calendar { FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #ffd980; TEXT-ALIGN: center } .sidetitle { PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; PADDING-TOP: 20px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-ALIGN: left } .side { PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #333333; LINE-HEIGHT: 200%; PADDING-TOP: 0px; BORDER-BOTTOM: #aaa 1px dotted; TEXT-ALIGN: left } UNKNOWN { COLOR: #666633; TEXT-DECORATION: none } A.aside:link { COLOR: #bfac60; TEXT-DECORATION: none } A.asidebody:link { COLOR: #bfac60; TEXT-DECORATION: none } A.aside:visited { COLOR: #bfac60; TEXT-DECORATION: none } A.asidebodye:visited { COLOR: #bfac60; TEXT-DECORATION: none } A.aside:hover { COLOR: #ffe680; BACKGROUND-COLOR: #ff9933; TEXT-DECORATION: underline } A.asidebody:hover { COLOR: #ffe680; BACKGROUND-COLOR: #ff9933; TEXT-DECORATION: underline } A.arss { COLOR: #bfac60; TEXT-DECORATION: none } A.arss:link { COLOR: #bfac60; TEXT-DECORATION: none } A.arss:visited { COLOR: #bfac60; TEXT-DECORATION: none } A.arss:active { COLOR: #ffe680; BACKGROUND-COLOR: #ff9933 } A.arss:hover { COLOR: #ffe680; BACKGROUND-COLOR: #ff9933; TEXT-DECORATION: underline } 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-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #ffffff } .message { FONT-SIZE: 12px } .quotetable { } .quote { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 15px; 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 { VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px } .checkers { MARGIN-TOP: 10px; FONT-SIZE: 12px } .sitemeter { VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px }

Technorati Tags: yuanlin, css

Posted by yuanlin at 樂多Roodo!│ 13:26 │ 回應(13)

August 3,2005

樂多版型：向職棒簽賭說不

為了響應愛護中華職棒大串聯所做的一個版型，banner 的那隻手是我的，但我不是黑手阿～

想要用此版型的朋友還是要注意幾件事：
1) 有使用的朋友請迴響或引用此篇(請留下網址讓我可以拜訪)
2) 照片版權為 yuanlin 所有，請勿拿去做其他用途
3) 此版型只適用於Yam Blog 樂多日誌
4) 此版型通用於 IE 和 Firefox
5) 對版型若有任何問題請迴響此篇文章

預覽：

樣式表：
BODY { BACKGROUND: #ffffff repeat-y 50% 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #363636; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; TEXT-ALIGN: center } A { COLOR: #999999; TEXT-DECORATION: underline } A:link { COLOR: #999999; TEXT-DECORATION: underline } A:visited { COLOR: #999999; TEXT-DECORATION: underline } A:active { COLOR: #999999 } A:hover { COLOR: #999999; TEXT-DECORATION: none } A.acalendar { COLOR: #993300; TEXT-DECORATION: underline } A.acalendar:link { COLOR: #993333; TEXT-DECORATION: underline; bold: } A.acalendar:visited { TEXT-DECORATION: underline } A.acalendar:active { } A.acalendar:hover { COLOR: #993333; TEXT-DECORATION: none } A.acontinues { COLOR: #f60; TEXT-DECORATION: underline } A.acontinues:link { COLOR: #f60; TEXT-DECORATION: underline } A.acontinues:visited { TEXT-DECORATION: underline } A.acontinues:active { } A.acontinues:hover { COLOR: #f60; TEXT-DECORATION: none } A.amenu { COLOR: #f60; TEXT-DECORATION: underline } A.amenu:link { COLOR: #f60; TEXT-DECORATION: underline } A.amenu:visited { TEXT-DECORATION: underline } A.amenu:active { } A.amenu:hover { COLOR: #f60; TEXT-DECORATION: none } A.aposted { COLOR: #999999; TEXT-DECORATION: underline } A.aposted:link { COLOR: #999999; TEXT-DECORATION: underline } A.aposted:visited { TEXT-DECORATION: underline } A.aposted:active { TEXT-DECORATION: underline } A.aposted:hover { COLOR: #999999; TEXT-DECORATION: none } A.atrackback-post { FONT-WEIGHT: bold; COLOR: #f60; TEXT-DECORATION: underline } A.atrackback-post:link { FONT-WEIGHT: bold; COLOR: #f60; TEXT-DECORATION: underline } A.atrackback-post:visited { FONT-WEIGHT: bold; TEXT-DECORATION: underline } A.atrackback-post:active { FONT-WEIGHT: bold; TEXT-DECORATION: underline } A.atrackback-post:hover { FONT-WEIGHT: bold; COLOR: #f60; TEXT-DECORATION: none } #container { BORDER-RIGHT: #ccc 1px solid; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 740px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: left } #banner { BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/5e1d8bc4.png); WIDTH: 740px; HEIGHT: 369px } #subbanner { } #banner A { COLOR: #000000; TEXT-DECORATION: none } #banner A:link { COLOR: #000000; TEXT-DECORATION: none } #banner A:visited { TEXT-DECORATION: none } #banner A:active { } #banner A:hover { COLOR: #000000; TEXT-DECORATION: underline } #subbanner A { COLOR: #fff; TEXT-DECORATION: none } #subbanner A:link { COLOR: #fff; TEXT-DECORATION: none } #subbanner A:visited { COLOR: #fff; TEXT-DECORATION: none } #subbanner A:active { COLOR: #fff } #subbanner A:hover { COLOR: #fff; TEXT-DECORATION: none } 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 } H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .blogtitle { PADDING-RIGHT: 5px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 325px; LETTER-SPACING: 1px; TEXT-ALIGN: right } .description { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; LETTER-SPACING: 2px; TEXT-ALIGN: right } #content { FLOAT: left; MARGIN: 0px; WIDTH: 515px } .blog { MARGIN: 0px 30px } .date { PADDING-RIGHT: 15px; BACKGROUND-POSITION: left center; PADDING-LEFT: 28px; FONT-WEIGHT: normal; FONT-SIZE: 15px; BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/280bff82.png); PADDING-BOTTOM: 0px; COLOR: #990000; PADDING-TOP: 15px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left } .blogbody { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px dotted } .title { PADDING-RIGHT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px } .main { FONT-SIZE: 13px; MARGIN: 20px 0px 25px; LINE-HEIGHT: 135% } .main-continues { FONT-SIZE: 13px } .posted { FONT-SIZE: 11px; COLOR: #666; TEXT-ALIGN: right } .menu { FONT-SIZE: 13px; MARGIN: 5px 0px 35px; COLOR: #666; TEXT-ALIGN: right } .comments-head { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/280bff82.png); PADDING-BOTTOM: 3px; COLOR: #666666; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat } .comments-body { FONT-SIZE: 13px; MARGIN: 20px 0px 35px; LINE-HEIGHT: 135% } .comments-post { FONT-SIZE: 11px; COLOR: #666; TEXT-ALIGN: right } .trackback-url { FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 20px 0px; COLOR: #000000 } .trackback-body { FONT-SIZE: 13px; MARGIN: 20px 0px 35px; LINE-HEIGHT: 135% } .trackback-post { FONT-SIZE: 11px; COLOR: #666; TEXT-ALIGN: right } TABLE.form { MARGIN: 25px 0px 0px } LABEL { FONT-WEIGHT: bold; FONT-SIZE: 12px } #author { WIDTH: 200px } #email { WIDTH: 200px } #url { WIDTH: 200px } #text { WIDTH: 450px; HEIGHT: 200px; } .pagetop { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: right } #links { FLOAT: right; WIDTH: 180px; MARGIN-RIGHT: 5px; PADDING-TOP: 16px } .calendarhead { PADDING-RIGHT: 4px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/49504be8.png); PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; COLOR: #000000; PADDING-TOP: 6px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .calendartable { MARGIN: 0px 10px 15px 0px; WIDTH: 170px } .calendarweek { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 0px } .calendarwd { BACKGROUND: #fff } .calendard { empty-cells: show } .calendardbg { BACKGROUND: #ff3333 } .calendar { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #828282; PADDING-TOP: 0px } .sidetitle { PADDING-RIGHT: 4px; PADDING-LEFT: 29px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://blog.roodo.com/aDream/49504be8.png); PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; COLOR: #000000; PADDING-TOP: 6px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .side { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; MARGIN: 0px 10px 10px 0px; LINE-HEIGHT: 125%; PADDING-TOP: 10px; TEXT-ALIGN: left } .sidebody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px } 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-WEIGHT: normal; FONT-SIZE: 13px; MARGIN: 10px 0px; COLOR: #666666; TEXT-ALIGN: left } .message { FONT-SIZE: 13px; LINE-HEIGHT: 125% } .blogtimes { MARGIN: 0px 10px 10px 0px; TEXT-ALIGN: center } .powered { MARGIN: 0px 10px 10px 0px; TEXT-ALIGN: center } .syndicate { MARGIN: 5px 0px; TEXT-ALIGN: center } .checkers { FONT-SIZE: 12px; MARGIN: 0px 10px 10px 0px; TEXT-ALIGN: center } #footer { CLEAR: both; TEXT-ALIGN: center }

Technorati Tags: yuanlin, css

Posted by yuanlin at 樂多Roodo!│ 9:46 │ 回應(2)

August 1,2005

樂多版型：行軍漫步！？

使用一個多月的板型釋出：行軍漫步！？(一樣是想不出來硬套的名字)

想使用的朋友一樣請注意幾點：
1) 有使用的朋友請迴響或引用此篇(請留下網址讓我可以拜訪)
2) 照片版權為 yuanlin 所有，請勿拿去做其他用途
3) 此版型只適用於Yam Blog 樂多日誌
4) 此版型通用於 IE 和 Firefox
5) 內有一個 .plus 標籤，可以用來作 note (請自己試試看)

預覽：

樣式表：
BODY { BACKGROUND-POSITION: 50% 50%; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://blog.roodo.com/yuanlin/322fe20e.png); MARGIN: 0px; WIDTH: 100%; COLOR: #c2c2c2; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; BACKGROUND-COLOR: #9a9c92; TEXT-ALIGN: center } A { COLOR: #ccccff; TEXT-DECORATION: underline } A:link { COLOR: #b13033; TEXT-DECORATION: underline } A:visited { COLOR: #b13033; TEXT-DECORATION: underline } A:active { COLOR: #b13033 } A:hover { COLOR: #b13033; TEXT-DECORATION: none } A.acalendar { COLOR: #ffffff; TEXT-DECORATION: underline } A.acalendar:link { COLOR: #ffffff; TEXT-DECORATION: underline } A.acalendar:visited { COLOR: #ff3300; TEXT-DECORATION: underline } A.acalendar:active { } A.acalendar:hover { COLOR: #ffcc00; 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/642040f9.png); BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px; 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 { COLOR: #990000; 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; COLOR:#ffffff } #content { FLOAT: left; WIDTH: 512px; MARGIN-RIGHT: 0px } .blog { MARGIN: 0px 10px 0px 25px } .date { BORDER-TOP: #586651 1px solid; MARGIN-TOP: 20px; FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #586651; HEIGHT: 20px } .blogbody { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } .title { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #586651 } .main { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; COLOR: #586651; LINE-HEIGHT: 150%; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f3f5ef } .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 { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #586651 } .comments-body { FONT-SIZE: 12px; MARGIN: 20px 0px 15px 13px; COLOR: #586651; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #f3f5ef } .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: #586651; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #f3f5ef } .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: #586651; MARGIN-RIGHT: 10px; BACKGROUND-COLOR: #f3f5ef; TEXT-ALIGN: center } .calendarhead { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #586651; PADDING-TOP: 5px; BORDER-BOTTOM: #586651 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left } .calendartable { MARGIN: 0px 0px 10px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center } .calendarweek { FONT-SIZE: 10px; COLOR: #586651; TEXT-ALIGN: left } .calendarwd { } .calendard { empty-cells: show } .calendardbg { BACKGROUND-COLOR: #586651 } .calendar { FONT-SIZE: 12px; COLOR: #586651 } .sidetitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1em; COLOR: #586651; PADDING-TOP: 5px; BORDER-BOTTOM: #586651 1px solid; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left } .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: #b13033; TEXT-DECORATION: underline } A.aside:visited { COLOR: #b13033; TEXT-DECORATION: underline } A.aside:hover { COLOR: #b13033; 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 { color: #666666; border: 1px dashed #CCCCCC; background-color: #FFFFFF; padding: 5px }

什麼時候可以找到使用我版型的朋友阿～

Technorati Tags: yuanlin, css

Posted by yuanlin at 樂多Roodo!│ 0:00 │ 回應(355)

June 22,2005

樂多版型：鍵入！

一做不可收拾，我又做了一個。這次是和前一個完全不一樣，是走簡潔路線。

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

2005/08/06 作出線條的修飾

預覽

樣式表
BODY { BACKGROUND-POSITION: 50% 50%; FONT-SIZE: 12px; MARGIN: 0px; WIDTH: 100%; COLOR: #ffffff; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } A { COLOR: #ccccff; TEXT-DECORATION: underline } A:link { COLOR: #666666; TEXT-DECORATION: underline } A:visited { COLOR: #666666; TEXT-DECORATION: underline } A:active { COLOR: #ffffff; BACKGROUND-COLOR: #000000 } A:hover { COLOR: #ffffff; BACKGROUND-COLOR: #000000; 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; border-top: none; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; } #banner { BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(http://blog.roodo.com/yuanlin/6b1f2e97.png); COLOR: black; BACKGROUND-REPEAT: no-repeat; HEIGHT: 200px; BACKGROUND-COLOR: #ffffff; border-top: none; border-right: none; border-bottom: 1px solid #666666; border-left: none; } #subbanner { } #banner A { COLOR: black; TEXT-DECORATION: none } #banner A:link { COLOR: black; TEXT-DECORATION: none } #banner A:visited { COLOR: black; 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: 145px; 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: 525px; MARGIN-RIGHT: 0px; border: 1px none #999999; } .blog { MARGIN: 0px 0px 0px 25px } .date { BACKGROUND-POSITION: left top; MARGIN-TOP: 20px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: gray; HEIGHT: 20px } .blogbody { BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px dashed; MARGIN-RIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px dashed } .title { PADDING-RIGHT: 5px; PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 1em; BACKGROUND-IMAGE: url(http://blog.roodo.com/yuanlin/4ecb2350.png); PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff } .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: #000000; 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: #ffffff } .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: #000000; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #ffffff } .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: #000000; LINE-HEIGHT: 135%; BACKGROUND-COLOR: #ffffff } .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: normal; FONT-SIZE: 12px; COLOR: #000000 } #author { BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; WIDTH: 200px; COLOR: #000000; 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; COLOR: #000000; 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; COLOR: #000000; 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; COLOR: #000000; BORDER-BOTTOM: #aaaaaa 1px dashed; HEIGHT: 200px; BACKGROUND-COLOR: #f3f5ef } .pagetop { FONT-SIZE: 12px; MARGIN: 5px 0px 25px; TEXT-ALIGN: right } #links { BORDER-RIGHT: none; BORDER-TOP: 1px solid #cccccc; MARGIN-TOP: 0px; FLOAT: right; OVERFLOW: hidden; BORDER-LEFT: 1px solid #cccccc; WIDTH: 205px; COLOR: #000000; MARGIN-RIGHT: 0px; BORDER-BOTTOM: 1px solid #cccccc; TEXT-ALIGN: center } .calendarhead { PADDING-RIGHT: 5px; BACKGROUND-POSITION: left center; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: gray; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left } .calendartable { MARGIN: 0px 0px 10px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: center } .calendarweek { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; TEXT-ALIGN: left } .calendarwd { } .calendard { empty-cells: show } .calendardbg { COLOR: #999999; BACKGROUND-COLOR: #000000 } .calendar { FONT-SIZE: 12px; COLOR: #333333 } .sidetitle { PADDING-RIGHT: 5px; BACKGROUND-POSITION: left center; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: gray; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left } .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: #666666; TEXT-DECORATION: underline } A.aside:link { COLOR: #666666; TEXT-DECORATION: underline } A.aside:visited { COLOR: #666666; TEXT-DECORATION: underline } A.aside:hover { COLOR: #ffffff; BACKGROUND-COLOR: #000000; 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: #000000 } .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 { PADDING-LEFT: 10px; MARGIN-LEFT: 10px; BORDER-LEFT: #cccccc thin solid }

Technorati Tags: yuanlin, css

Posted by yuanlin at 樂多Roodo!│ 15:14 │ 回應(6) │ 引用(0)

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)

[1]

回頁首▲