yal's blog

看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 }