http://blog.roodo.com/rss20/topic/topic_article_612.xml 讓Table回去作他份內的工作，讓CSS發揮他的實力吧！ zh-tw Roodo Blog System All Rights Reserved 看 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 } http://blog.roodo.com/yuanlin/archives/8609197.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Tue, 21 Jun 2005 18:07:49 +0800 一做不可收拾，我又做了一個。這次是和前一個完全不一樣，是走簡潔路線。 想拿去用的朋友一樣注意幾點： 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 } http://blog.roodo.com/yuanlin/archives/8609195.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 22 Jun 2005 15:14:38 +0800 使用一個多月的板型釋出：行軍漫步！？(一樣是想不出來硬套的名字) 想使用的朋友一樣請注意幾點： 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 } http://blog.roodo.com/yuanlin/archives/8609145.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 01 Aug 2005 00:00:25 +0800 為了響應 愛護中華職棒大串聯 所做的一個版型，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 } http://blog.roodo.com/yuanlin/archives/8609125.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 03 Aug 2005 09:46:21 +0800 昨天做新樣板時順便整理了樂多樣式的結構表，今天花了兩個多小時用 FreeMind 作出心智圖並產生網頁，本想試著貼上樂多，不過都失敗了，所以只好放在我負責的 Server 跟大家分享。 樂多樣式結構表 (PNG) &nbsp;- 放在樂多 樂多樣式結構表 (網頁樣式) &nbsp;- 建議用這個 想在樂多自做樣板的朋友不妨參考看看，我是覺得這樣的格式看起來比較清楚，不知道各位朋友覺得怎樣。 對了，如果結構表有錯誤也請迴響此篇文章讓我知道，感謝。 Technorati Tags: yuanlin , roodo , yam , css , freemind http://blog.roodo.com/yuanlin/archives/8609101.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 08 Aug 2005 22:29:16 +0800 本來是要做給我們家 妞妞 用的板型，但是妞妞說這版型太憂鬱了所以沒有用，現在放出來給喜歡憂鬱的朋友 XD banner 圖是我家妞妞最近買的小布，名字叫&quot;壁爐&quot; :~ 想要用此版型的朋友還是要聽我囉唆幾件事： 1) 有使用的朋友請迴響或引用此篇(請留下網址讓我可以拜訪) 2) 照片版權為 yuanlin 所有，請勿拿去做其他用途 3) 此版型只適用於Yam Blog 樂多日誌 4) 此版型通用於 IE 和 Firefox 5) 對版型若有任何問題請迴響此篇文章 預覽： &nbsp;樣式表： 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, &quot;Times New Roman&quot;, 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 } http://blog.roodo.com/yuanlin/archives/8609081.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 13 Aug 2005 13:26:19 +0800 瀏覽器： 自我介紹欄：無 月曆欄：無 樂多標籤欄：無 blog 可放置的圖片大小：寬 400px http://blog.roodo.com/cssmarti/archives/7563153.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 13 Nov 2008 04:06:12 +0800 瀏覽器： 自我介紹欄：無 月曆欄：無 樂多標籤欄：無 blog 可放置的圖片大小：寬 500px http://blog.roodo.com/cssmarti/archives/3011065.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 22:20:57 +0800 瀏覽器： 自我介紹欄：無 月曆欄：無 樂多標籤欄：無 blog 可放置的圖片大小：寬 400px http://blog.roodo.com/cssmarti/archives/3010585.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 20:48:53 +0800 瀏覽器： 自我介紹欄：無 月曆欄：無 樂多標籤欄：無 blog 可放置的圖片大小：寬 400px 側邊欄位限制：只能放〝最新文章〞與〝回應文章〞兩欄 http://blog.roodo.com/cssmarti/archives/3010567.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 20:44:09 +0800 青春電幻物語 All about Lily Chou-Chou [ official website ] 電影《青春電幻物語》三欄式面板 瀏覽器： 自我介紹欄：無 月曆欄：有 樂多標籤欄：無 blog 可放置的圖片大小：寬 500px http://blog.roodo.com/cssmarti/archives/3010455.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 20:03:52 +0800 瀏覽器： 自我介紹欄：無 月曆欄：無 樂多標籤欄：無 blog 可放置的圖片大小：寬 500px http://blog.roodo.com/cssmarti/archives/3010195.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 19:08:04 +0800 瀏覽器： 自我介紹欄：無 月曆欄：有 樂多標籤欄：有 blog 可放置的圖片大小：寬 600px http://blog.roodo.com/cssmarti/archives/3010059.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 15 Apr 2007 18:00:27 +0800 哦~好久沒更新版面，上次是去年八月的時候更新的，差不多也快半年了~該更新囉！ 嘗試過棕色、綠色....這次改用黃色，讓冬天感覺起來溫暖一點，最近真是冷死了 。 三欄式的設計第一次嘗試，覺得還蠻不錯的，底部還有圖哦！有一種呵成一氣的感覺^0^y 綠色版紀念如下： http://blog.roodo.com/caracat/archives/2694365.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 04 Feb 2007 02:20:45 +0800 今天看到 奇異果 問了一個關於樂多部落格CSS排版的Banner上面加入Flash問題，引起我的興趣，就上網去搜尋了一下。 嘿嘿！竟然讓我找到了答案，而且操作方式很簡單哦！ 不過首先你要先具備三個條件： 1.懂得如何去修改樂多的CSS排版設定。 2.已經有一個想要放在Banner的Flash檔案(.swf檔) 3.看的懂Html語法的意思。 以下是我搜尋到的答案，經由我的理解，重新撰寫如下： http://blog.roodo.com/caracat/archives/2687154.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 01 Feb 2007 22:55:50 +0800 前幾天晚上我發了一篇文章在部落格上，當時我用 Firefox 觀看很正常。隔天我在公司用 IE6 觀看那篇文章時， IE6 意外出現「MSHTML.DLL 執行錯誤，瀏覽器即將關閉」的錯誤訊息。後來我試了許多電腦，無一倖免， IE6 都會當掉。 http://blog.roodo.com/rocksaying/archives/2592969.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 23 Dec 2006 17:24:48 +0800 ＣＳＳ很好玩!! 我靠著【 網站製作學習誌 】學會了CSS 而可樂寫的【 樂多樣式結構表 】完美至極 所有入門或是久久沒接觸CSS的人只要看了就能一目了然 就像CSS的簡易字典，一定要Check!! http://blog.roodo.com/swing/archives/2589248.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 10 Dec 2006 23:28:19 +0800 義大利服裝品牌 RA-RE wallpapper 改成， 原圖請參考： RA-RE 官方網站 縮圖： 瀏覽器： 自我介紹欄：有 月曆欄：有 樂多標籤欄：有 blog 可放置的圖片大小：寬 600px http://blog.roodo.com/cssmarti/archives/566285.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 10 Oct 2005 00:00:04 +0800 義大利服裝品牌 RA-RE wallpapper 改成， 原圖請參考： RA-RE 官方網站 縮圖： 瀏覽器： 自我介紹欄：有 月曆欄：有 樂多標籤欄：有 blog 可放置的圖片大小：寬 600px http://blog.roodo.com/cssmarti/archives/566021.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 10 Oct 2005 00:30:13 +0800 今天所要講解的是為圖片加上邊框，為圖片加上邊框，可能大家會想說用Photoshop去製作，但如果是這樣就會很麻煩，因為每一張都要加上邊框，但是如果使用CSS的語法那就變得簡單不過的事嚕～ 原本的 加上邊框 語法： img { border: 1px solid #999; } 說明： 設定&lt;img&gt;標籤的四個邊框為1px，實線，顏色是灰色 這樣就完成了，是不是很簡單呀！可是有人一定又會問到，框線好像似乎貼著圖片，可以有點距離嗎？當然可以，通常我們在處理圖片時都會留一點空間，但如果你是用數位相機拍出來的，圖片邊邊沒距離，那該如何呢？看看下面的範例你就可以知道嚕～ 語法： img { border: 1px solid #999; padding: 10px; } 原本的 加上邊框 說明： 設定padding語法，padding是指圖片與邊框的距離 http://blog.roodo.com/dadateacher/archives/528491.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 28 Sep 2005 11:00:00 +0800 提供這個 JavaScript 程式的目的，主要是為接下來要提供的面板樣式下載做準備；這類小程式的目的，是希望能在清爽簡單的部落格上，出現點綴的效果。但是如果你的面板樣式已經很豐富了，建議不要使用，免得整個部落格看來像菜市場一樣，亂七八糟，反而讓訪客對你部落格的興趣打了折。 圖片飛舞JS小程式安裝說明： 一、進入管理頁面後點選“ 設定插入欄位 ”進入 二、點選“ 追加新的欄位 ”連結 三、在插入欄位設定這一頁中，追加“ 自由欄位 ” 四、如果你已經有設立“自由欄位”，例入部落格寵物或是計數器等等，則步驟三可省略 五、點選“ 自由欄位 ”後面之“ 設定 ”連結（或是已有的部落格寵物等欄位），將JavaScript程式拷貝進這個欄位中，然後按“ 儲存設定 ” 六、接下來不要忘記進行“ 更新 Blog 網頁 ” 完成，驗收！ 我們來試一個看看，請繼續看下去哦。 http://blog.roodo.com/rainlock/archives/478690.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Tue, 13 Sep 2005 12:40:59 +0800 乎～ 總算先把這一次的版面搞定了， 一開始試用很笨的方式， 一面開notepad， 一面開網頁， 邊改變看， 真是有夠累的。 不過還好我有想到這個東西， http://blog.roodo.com/charzx/archives/433979.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 31 Aug 2005 23:51:53 +0800 回覆留言實在是件榮幸但是麻煩的事情 直接使用留言功能,就會變成分辨不出來哪一個是主人的留言 回覆的又是哪個留言 前導： :: Mr. 戀上 Miss. :: 中的 如何在回應裡直接回覆別人的留言? ● 在看延伸教學前請先了解前導部落格的說明,才能懂延伸說的東西喔 http://blog.roodo.com/swing/archives/408566.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 25 Aug 2005 05:46:25 +0800 秋將近，這樣的中秋月夜的部落格，會給人什麼樣的感覺呢？該是很溫馨的吧，讓人有種想家的感覺．我將整個版面以全螢幕三行式來設計，顏色或是字體都可以更改，擁有一個讓自己喜歡的部落格是最重要的囉。 在你的網頁樣式設定中選擇自定樣式後，把以下的CSS全部拷貝回去，蓋過原有的 ．另外 記得把以下背景圖檔利用滑鼠右鍵存回你的電腦，然後上傳到你的部落格圖片檔案中．然後將下面 CSS中紅色字體部份 修正以便抓到你的圖檔． 有疑問的話歡迎發問，喜歡的朋友不妨留言鼓勵一下! http://blog.roodo.com/rainlock/archives/381136.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 17 Aug 2005 04:47:58 +0800 瘋迷小水滴的結果就是把小水滴給放到部落格的上方圖案裏面去，看著小水滴愉快的模樣，自己也好想跟著牠去郊外賞花踏青呢！提供給大家這個小水滴踏青部落格樣式， 顏色或是字體都可以更改，擁有一個讓自己喜歡的部落格是最重要的囉 。 在你的網頁樣式設定中選擇自定樣式後，把以下的CSS全部拷貝回去，蓋過原有的 ．另外 記得把以下背景圖檔利用滑鼠右鍵存回你的電腦，然後上傳到你的部落格圖片檔案中．然後將下面 CSS中紅色字體部份修正 以便抓到你的圖檔 ．有疑問的話歡迎發問，喜歡的朋友不妨留言鼓勵一下! http://blog.roodo.com/rainlock/archives/340567.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 05 Aug 2005 06:24:36 +0800 感謝眾朋友的鼓勵，有好東西再跟大家分享。今天想著，上方使用的即使是再漂亮的照片或圖案，整個部落格似乎就容易少點什麼味道。於是我決定在 CSS 程式中，再加點小技巧來潤色整個版面。這個收割的聲音部落格樣式，除了上方使用的是名畫 Speaking of Grain，另外在主題及目錄上，我以CSS讓它看來稍微立體一點點，讓整個版面看來不會那麼平面。 喜歡就抓回去呦． 在你的網頁樣式設定中選擇自定樣式後，把以下的CSS全部拷貝回去，蓋過原有的． 另外 記得把以下背景圖檔利用滑鼠右鍵存回你的電腦，然後上傳到你的部落格圖片檔案中．然後將下面CSS中紅色字體部份修正以便抓到你的圖檔． 有疑問的話歡迎發問，喜歡的朋友不妨留言鼓勵一下! http://blog.roodo.com/rainlock/archives/320756.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 30 Jul 2005 06:11:35 +0800 前陣子聽說 the Zen of CSS design 出了中文版，今天去台北車站的時候就去 天瓏 把它抱回來了。 大約三百頁的彩色印刷，書本身已經包好書套了。不過我覺得紙的反光有點太亮了，剛好和我書桌的燈光方向相衝，看來我得找其他地方看書了，真傷腦筋…… the Zen of CSS design - 網頁視覺設計の王道 作者：Dave Shea, Molly E. Holzschlag 出版：上奇科技 定價：780 元 ISBN：986-7199-12-X http://blog.roodo.com/salagadoola/archives/300138.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 24 Jul 2005 03:06:25 +0800 這是第一次分享CSS呢 因為我動作很慢,每次隔太久就忘了一些語法的意義 以後也會多加努力的 我覺得即使分享,如果想要修改的話還是要懂一點點語法 所以以後也想配合分享的版面作教學,讓分享更好用!! http://blog.roodo.com/swing/archives/274834.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 16 Jul 2005 16:37:31 +0800 css 樂多樣式 這是針對 樂多日誌 的 網頁樣式 的 CSS 設定所做的筆記。我把樂多日誌所用到的 css 區塊層級及樣式做了兩張整理圖。 http://blog.roodo.com/rocksaying/archives/256262.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 09 Jul 2005 04:35:39 +0800 為了更符合夏日Blog挑戰的主題，換了個新版面，主角是黑寶寶 ，大約花了2個多小時的時間。首先必須把正在外面遊蕩的黑寶寶趕回籠子裡睡覺覺，再回到電腦前面尋找喜歡的CSS版型，然後製作標題的圖片和ICON的圖片，再把CSS的元素微調，就完成啦！！ PS：順便讚美一下貓頭，因為本版幾乎所有兔子的大頭照都是貓頭拍的，下次我還要鞭策他拍更多。 http://blog.roodo.com/caracat/archives/219625.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 26 Jun 2005 12:11:03 +0800 從 廖大 那邊看到 一篇文章 ，原本是講北市停車格不是四方稜角而有些改成圓弧。 可是我比較感興趣的是網頁上的 rounded coners :D http://blog.roodo.com/phanix/archives/198083.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 17 Jun 2005 14:35:44 +0800 by 柏強（ 城市探險記 ／ 電子郵件 ），感謝李某人協助校閱。 如果你還不知道 Flickr 是什麼玩意，那麼我這麼說吧：Flickr 是一個線上相簿網站... 這種講法好像有點太小看它了，總之是個非常強的相簿網站，提供你每月 20MB 上傳流量 、最多 顯示 兩百張照片的免費空間。除此之外，它還提供方便的功能，讓你在自己的網誌上貼照片！相關訊息請參考以下網頁： 如何從Flickr張貼文章到樂多日誌，簡易教學 Flickr.com可以在樂多Blog的應用 Flickr免費帳號偷吃步分享 不過，今天的主角不是它 －－ 只是要借用它的服務來做點變化，真正的主角還是 CSS 啦！ http://blog.roodo.com/webdev/archives/161699.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 02 Jun 2005 00:00:00 +0800 這位仁兄實在熱心，提供樂多Blog排版入門！ http://cgi.blog.roodo.com/trackback/152005 http://blog.roodo.com/nextstep/archives/152158.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 27 May 2005 18:07:30 +0800 flickr 在 Roodo 又有了新的玩法。之前flickr寫了一個 Daily Zeitgeist ，利用Flash產生一個小小播放程式，可以播放指定的相片。但由於是flickr端產生的Flash檔案，所以背景顏色不能更換，當網頁背景色不是白色時，總覺得很不搭。 http://blog.roodo.com/henrie/archives/120742.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 11 May 2005 01:27:09 +0800 繼之前寫了二篇關於Blog樣式的文章之後： 樂多Blog更換banner最速法，創造更具個人特色的Blog! 一些適合Blogger參考CSS語法的地方 感謝網友熱烈迴響，也很高興大家都有了更漂亮的Blog。 再推薦一些站給大家，都是樂多的熱心bloggers寫的喔... http://blog.roodo.com/sunjoe/archives/118231.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 09 May 2005 23:40:59 +0800 今天算是正式學會搞banner了，用了我最喜歡的宮崎駿的作品《回憶點點滴滴》，最喜歡淡紫色，所以連整個頁面都更新了，感覺還不錯 http://blog.roodo.com/stella/archives/116983.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 09 May 2005 12:20:29 +0800 WEB... http://blog.roodo.com/QQ-Jen/archives/109730.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 05 May 2005 11:42:16 +0800 字體大小為14px,顏色為白色,底色為綠色 利用小小的一段CSS語法，將文章中的某段文字烘托出來，可做為強調或重點之用． 設計語法為 &lt;span style='font-size:14px;color : white; background-color : lime' &gt; font-size：字體大小，此處以pixel為單位 color：字體顏色 background-color ：背景顏色 因為是第一篇針對網誌的 CSS 教學，讀者的程度可能參差不齊；所以姑且就如此寫出，再以回應做為調整內容程度的方向． http://blog.roodo.com/rainlock/archives/66154.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 08 Apr 2005 12:06:44 +0800 和朋友一起在網路上撰寫網頁設計教學，已經有三年了吧，目前教學用電子報仍在 www.maillist.com.tw 上發行，訂閱數在該分類中至今仍保持最高． 自從開始玩BLOG網誌之後，感覺有一些朋友是從來沒有設計網頁的經驗，覺得有要“雞婆”一下的衝動． 一般來講，撰寫網誌時不需要使用到什麼語法，只要輸入文字或上傳圖案照片就可以．但是偶而可以考慮看看使用一些CSS語法，讓文章內容更生動也更多變化． 我想，我就從這方向去著手，再寫一些東西出來． 至於我和朋友合出的那份電子報是什麼呢？呵呵，賣個關子，熟一點我再告訴你^^ http://blog.roodo.com/rainlock/archives/66143.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 08 Apr 2005 11:55:20 +0800 hi 大家好，我是琬莉馬麻啦！ 電腦網路前些日子當了，今天終於通了，告訴大家我自由了.... 朱小弟現在己經1y8m了，過些日子我就要送他去幼稚園了！ 因為我也要去進修了！ 大家加油喔！ http://blog.roodo.com/jawin/archives/49053.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 23 Mar 2005 17:41:43 +0800 我低導師非常"胖 也非常兇 以上是我ㄉ簡介 http://blog.roodo.com/020620/archives/48906.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 23 Mar 2005 15:42:10 +0800 以下是我用孤狗大神所找到，有關CSS技術的文件，給自己留個備份 已閱： css Zen Garden：CSS設計之美（中譯文件） Cascading Style Sheets(串接樣式表)的基本介紹（中譯文件） CSS Property Index（英／CSS查詢字典） CSS參數應用 CSS實務排版技巧、秘訣與技術（必讀） 未閱： CSS語法大全 CSS網頁樣式表 Movable Type 新手手冊：深造篇（修改模版） CSS樣式表簡介 CSS(Cascading Style Sheet) Note CSS 語法參考辭典 CSS語法 http://blog.roodo.com/vsy_haha/archives/48857.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 23 Mar 2005 15:04:54 +0800 昨夜寫完banner的簡易教學，許多朋友也起了改改別的頁面樣式的念頭，雖說Content is King，但誰不想自己的家裡美侖美煥呢!這方面的教學文章在浩瀚的網路世界之中，用Google大神一找肯定是上萬個search results，書店裡的html及css語法教學的書也是琳瑯滿目不知從何下手，買一本回家翻了翻就放著當裝飾了。我這裡分享一些我覺得簡單、精要、實用的教學文章供大家自行研究，對於初學者還是一句話， 看到語法不要怕，改下去就對了 ，大不了再改回來，只有從try &amp; error的過程中才會更進步，祝大家BLOG愉快。 http://blog.roodo.com/sunjoe/archives/31911.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 05 Mar 2005 12:59:47 +0800 看到熱血的唐朝寫出這麼經典的一篇 樂多入門文章 ，拚著寒流來襲、下週要與老闆meeting，無論如何也要在這個Friday Night來Blog一下，這陣子實在手邊太多事，有好多有趣的網上雜七雜八訊息想跟大家分享，一定一定!!ok~慢慢來，就從樂多這邊blog換banner聊起。(註：我真的不是高手，僅就我所知道的與大家分享學習討論，本篇教學重點為最基本簡易之更換banner法，高手及進階使用者可略) 首先，為了使這篇文章有重點且不失焦，就先談改CSS語法的部份，不討論影像處理及banner製作的技巧，唐朝推薦 hugocc的留言討論區 可以進行類似影像方面的討論。 話說之前因為 iron 問了我如何換banner，我才一直想要寫篇文章教大家，但後來發現樂多這邊每個樣式版型的banner語法設定都有所不同，談起來會有點複雜，不過我想了想，就將教學定位在 最簡便快速清楚的設定 ，應該不會太難，對許多看到複雜的語法會不敢亂動的朋友，別擔心，就是try下去直接改，大不了再改回來嘛，踏出第一步才會感受到那種樂趣。大家可以先到 SoundandFury 這裡看看，就是一個最簡單的更換banner例子， 點一下，這是原本SimpleGreen的樣式 ，所有的頁面樣式都不更改，光換了banner就與原本的預設樣式產生了很不一樣的感覺，原諒我偷懶，下面我先原文轉載我是怎麼在iron的留言版說的： http://blog.roodo.com/sunjoe/archives/31692.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 05 Mar 2005 01:24:29 +0800