yal's blog

本來是要做給我們家妞妞用的板型，但是妞妞說這版型太憂鬱了所以沒有用，現在放出來給喜歡憂鬱的朋友 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 }