作者:
轉載文章請註明出處貼上logo~
 
今年真是太冷了,所以衣物都要配戴有毛的,
版型也要跟上流行與季節,
製作起來可真是有趣~
 
喜歡此樣板的朋友,歡迎套用,有問題請底下留言~
其它空間若要帶走此樣板,圖片網址都有附上囉~
天空朋友請先套用一個天空的新版樣版,
再換上以下語法,才不會跑位唷~

這組樣板,已經有廣告捲頁及欄位廣告隱藏,橫列工具自動隱藏出現語法,
若不想隱藏的朋友,請由語法最下方標示處刪除該段即可~
附上的頭像僅供參考,也可以到精緻小卡裡去挑喜歡的樣式~ 
天空頭像如何改成動畫且大小不變?
請看
將大頭貼變成動畫圖
 

 
頭像:


 
/*音符原創樣板*/ A:link { COLOR: #764623; TEXT-DECORATION: none; } A:visited { COLOR: #764623; TEXT-DECORATION: none; } A:hover { COLOR: #ffffff; TEXT-DECORATION: none; background: url(http://wabis.biz/up0009/200901111142076924418662.gif) repeat; } A:active { COLOR: #764623; TEXT-DECORATION: none; } html{ SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #fe92b2; } hr { COLOR: #764623; HEIGHT: 1px; } BODY { background-color:#FE92B2;; MARGIN: 0px; COLOR: #764623; FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif; FONT-SIZE: 12px; letter-spacing:0.1em; } A IMG { color:#CCCCCC; BORDER-TOP-WIDTH: 0px ; BORDER-LEFT-WIDTH: 0px ; BORDER-BOTTOM-WIDTH: 0px ; BORDER-RIGHT-WIDTH: 0px ; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } IMG.profile { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 5px; BORDER-RIGHT-WIDTH: 0px; } /*#mainFrame|部落格整體框架設定*/ #mainFrame { MARGIN: 0px auto; WIDTH: 1015px; POSITION: relative; TEXT-ALIGN: left; } /* topbar */ #topbar{ height:30px; padding: 5; width: 100%; font-size: 12px; color:#764623; } #topbar A:link { COLOR: #764623; TEXT-DECORATION: none; } #topbar A:visited { COLOR: #764623; TEXT-DECORATION: none; } #topbar A:hover { TEXT-DECORATION: none;COLOR: #FFFfff; } #topbar A:active { COLOR: #764623; TEXT-DECORATION: none; } #commend{ width:200px; float: right; text-align: center; color: #764623; } /* topbar end */ /* banner|上方banner設定*/ #banner { BORDER-LEFT: medium none; WIDTH: 1015px; BORDER-BOTTOM: medium none; HEIGHT: 474px; background-image: url(http://wabis.biz/up0009/20090111113737229791715.gif); background-repeat: no-repeat; background-position: right top; } #banner a:link{ color: #764623; text-decoration: none; } #banner a:visited { color: #764623; text-decoration: none; } #banner a:hover{color:#fff;text-decoration: none;} #banner a:active { color: #764623;text-decoration: none; } h1 { FONT-SIZE: 28px; text-align:center; left:265px; WIDTH: 438px; COLOR: #764623; FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif; POSITION: absolute; TOP: 177px; LETTER-SPACING:0.03em; LINE-HEIGHT: 120%; height: 55px; } h2 { PADDING-LEFT: 215px; FONT-SIZE: 12px; WIDTH: 537px; height:73px; BORDER-LEFT: #a3cbc5 0px solid; COLOR: #fff; LINE-HEIGHT: 170%; text-align:center; FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif; POSITION: absolute; TOP:240px; } /* banner end */ /* navBar|選擇頻道 */ #navBar { padding-LEFT: 51px; WIDTH: 905px; LETTER-SPACING: 0.1em; POSITION: absolute; TOP: 455px; LINE-HEIGHT: 180%; font-size:13px;height:27px; text-align:center; } #navBar A:link { color:#fff; } #navBar A:visited { color:#fff; } #navBar A:hover { color:#fff; } /* navBar end */ /* contentBlock|中間大區塊設定 */ #contentBlock { BACKGROUND-image:url(http://wabis.biz/up0009/200901111140161770691187.gif) ; background-repeat: repeat-y; WIDTH: 1015px; TEXT-ALIGN: left; height:100%; } /* MainSide |旁邊大區塊設定*/ #MainSide { BORDER-RIGHT: medium none; PADDING-left: 53px; BORDER-TOP: medium none; FONT-SIZE: 13px; Z-INDEX: 2; BORDER-LEFT: medium none; WIDTH: 200px; LINE-HEIGHT: 1.4em; PADDING-top: 1px; PADDING-bottom: 20px; BORDER-BOTTOM: medium none; float:left; } #MainSide A:link { COLOR: #764623; TEXT-DECORATION: none; } #MainSide A:visited { COLOR: #764623; TEXT-DECORATION: none; } #MainSide A:hover { COLOR: #fff;TEXT-DECORATION: none; } .sideColumn /*旁邊小區塊*/ { BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN-BOTTOM: 10px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; LETTER-SPACING: 1px; } .sideTitle { height:45px; FONT-SIZE: 16px; COLOR: #764623; background: url(http://wabis.biz/up0009/20090112002049205867044.gif) top center no-repeat; PADDING-TOP: 50px; LETTER-SPACING: 2px; text-align:center; font-weight:bold; } .sideContent { PADDING-RIGHT: 13px; PADDING-left: 15px; PADDING-BOTTOM: 85px; COLOR: #764623; background: url(http://wabis.biz/up0009/200901120022044735788875.gif) bottom left no-repeat; LINE-HEIGHT: 18px; PADDING-TOP: 7px; FONT-FAMILY: Arial,sans-serif; width:170px; } /*行事曆*/ span.calendar { MARGIN-LEFT: 5px; MARGIN-RIGHT: 3px; TEXT-ALIGN: center; } span.calendar a { } /*訂閱浮動視窗標題*/ #MainSide ul { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; } #navmenu LI { PADDING-RIGHT: 2px; PADDING-LEFT: 1px; FLOAT: left; PADDING-TOP: 2px; POSITION: relative; } #navmenu LI A { PADDING-RIGHT: 2px; PADDING-LEFT: 1px; FLOAT: left; PADDING-TOP: 2px; POSITION: relative; } #navmenu LI UL { DISPLAY: none; LEFT: 0px; COLOR: #fff; PADDING-TOP: 5px; POSITION: absolute; TOP: 1em; } #navmenu LI UL LI { CLEAR: left; BACKGROUND-color:#EEC9D3; WIDTH: 130px; PADDING-TOP: 5px; } #navmenu LI UL LI A:hover { COLOR: #fff; TEXT-DECORATION: none; background: url(http://wabis.biz/up0009/200901111142076924418662.gif) repeat;} #navmenu LI UL LI.title { BACKGROUND: #925A2E; color:#fff; TEXT-ALIGN: center; } #navmenu LI:hover UL { DISPLAY: block; } #navmenu LI.over UL { DISPLAY: block; } /* 網誌頁面 */ #articleBlock { PADDING-BOTTOM: 150px; OVERFLOW: hidden; WIDTH: 670px; BORDER-TOP-STYLE: none; LINE-HEIGHT: 1.7em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; } #articleBlock { LINE-HEIGHT: normal; float:right; padding-right:60px; color:#764623; } .post { MARGIN-BOTTOM: 20px; BORDER-BOTTOM: #000 0px dotted; PADDING-TOP: 10px; } .post_body { height:100%; padding-left: 1px; font-size: 12px; line-height: 1.6em; WIDTH: 660px; } .post_title { PADDING-LEFT: 15px; MARGIN-TOP: 0px; FONT-SIZE: 16px; BACKGROUND-IMAGE: url(http://wabis.biz/up0009/200901120415509716716213.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 45px;width:530px; MARGIN-BOTTOM: 1px; MARGIN-LEFT: 3px; FONT-WEIGHT: bold; COLOR: #764623; PADDING-TOP: 25px; } .post_title A:link { COLOR: #764623; TEXT-DECORATION: none } .post_title A:visited { COLOR: #764623; TEXT-DECORATION: none } .post_title A:hover { COLOR:#fff; TEXT-DECORATION: none } .post_title A:active { COLOR: #764623; TEXT-DECORATION: none } .post_date { MARGIN-LEFT: 14px; FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #fff; PADDING-TOP: 0px; PADDING-BOTTOM: 4px; TEXT-ALIGN: left; FONT-FAMILY: Georgia, Verdana, Arial, ; LETTER-SPACING: 0px; width:300px; } .post_time { PADDING-LEFT: 20px; text-align: left; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-top: 2px; COLOR: #764623; POSITION: relative; BACKGROUND: none ; } .post_time A:link { color:#764623; text-decoration:none; } .post_time A:hover { color:#fff; text-decoration:none; } .cheer{ width: 100%; text-align: right; float: left; } .post_content { PADDING-LEFT: 5px; padding-right:10px; PADDING-top: 10px; PADDING-bottom: 15px; LINE-HEIGHT: 1.8em; HEIGHT: 100%; FONT-SIZE: 13px; border: #FFF6E5 0px solid; WIDTH: 660px; } .post_content A:link { COLOR: #764623; TEXT-DECORATION: none } .post_content A:visited { COLOR: #764623; TEXT-DECORATION: none } .post_content A:hover { COLOR: #fff; TEXT-DECORATION: none } .post_info { FONT-SIZE: 11px; CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 15px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px solid; TEXT-ALIGN:center; } .post_info A:link { COLOR: #764623; TEXT-DECORATION: none } .post_info A:visited { COLOR: #764623; TEXT-DECORATION: none } .post_info A:hover { COLOR: #fff; TEXT-DECORATION: none } .post_info A:active { COLOR: #764623; TEXT-DECORATION: none } .post_tail { BACKGROUND-IMAGE: url(http://wabis.biz/up0009/200901120424133614201830.gif); BACKGROUND-REPEAT: repeat; background-position: center top; HEIGHT: 12px;width:620px; } input.text { BORDER-RIGHT: #B77743 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #B77743 1px dotted; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; BORDER-LEFT: #B77743 1px dotted; COLOR: #764623; PADDING-TOP: 2px; BORDER-BOTTOM: #B77743 1px dotted; FONT-FAMILY: Georgia, Verdana, Arial, serif; } textarea { BORDER-RIGHT: #fff 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #fff 1px dotted; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://s45.radikal.ru/i110/0901/72/61fef088e9b4.gif); BACKGROUND-repeat:no-repeat; background-position:right bottom; BACKGROUND-color:#FAEAEA; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px dotted; COLOR: #764623; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px dotted; FONT-FAMILY: Georgia, Verdana, Arial, serif; } form { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #764623; PADDING-TOP: 0px; FONT-FAMILY: georgia, verdana, arial; } select { FONT-SIZE: 12px; COLOR: #764623; FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; } input.btn { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px; color:#fff; FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; BACKGROUND: url(http://wabis.biz/up0009/200901111142076924418662.gif); } /* trackback 引用區塊 */ .trackback{ width:100% } .trackbackURL { BORDER-RIGHT: #764623 0px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #764623 0px dotted; MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 8px; BORDER-LEFT: #764623 0px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: #764623 0px dotted; } .trackbackTitle { FONT-WEIGHT: bold; FONT-SIZE: 12px; padding-left: 15px; } .trackbackTitle a { COLOR: #764623; } .trackbackBody { FONT-SIZE: 12px; padding-left: 15px; } .trackbackDate { FONT-SIZE: 12px; padding-left: 15px; } span.trackbackBodyTitle { FONT-WEIGHT: bold; COLOR: #764623; } /*留言文字區塊*/ .commentbody{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; color:#764623; } .blockquote { PADDING-LEFT: 25px; PADDING-top: 15px; color:#764623; border:0 } .commentNote { COLOR: #764623; BORDER-BOTTOM: #B77743 0px dotted; TEXT-ALIGN: right; font-size:12px; } .commentNote A { COLOR: #764623; } .commentNote A:visited { COLOR: #764623; } .commentNote A:hover { COLOR: #fff; } .post_commentbody{ PADDING-LEFT: 2px; PADDING-right: 30px; PADDING-top: 130px; PADDING-bottom: 15px; LINE-HEIGHT: 1.8em; HEIGHT: 100%; FONT-SIZE: 12px; color:#764623; border: #FFF6E5 0px solid; BACKGROUND:url(http://wabis.biz/up0009/200901120449418800596469.gif); background-repeat: no-repeat; background-position: right top; } span.highlight { font-weight: bold; } .rightPage { text-align:center; margin-bottom: 10px; } /*版主回覆背景與字顏色*/ DIV.bmreply { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://wabis.biz/up0009/200901120452591237744592.gif); PADDING-BOTTOM: 10px; WIDTH: 500px; COLOR: #fff; LINE-HEIGHT: 180%; PADDING-TOP: 10px; BORDER: #ffffff 2px ridge; FONT-FAMILY: Verdana; LETTER-SPACING: 2px; } /*rss訂閱頁*/ .rssmain{ padding-top:10px; } .rssbody{ height:auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #778; border-bottom-color: #778; border-left-color: #778; margin-top: 0px; position: relative; width: 670px; padding-left: 10px; } .rssmenu { color: #764623; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; } .rss{ width:100%; position: relative; } .rss_content{ margin-top:10px; } .rss_content ul{ margin-left:10px; } .rss_title, .rss_content { width:98%; } .rssphoto{ width:110px; height:110px; float: left; } .rss_view { margin:10px; margin-left:30px; border: 1px solid #CCCCCC; padding: 5px; } .rss_view ul{ list-style-type:none; } .rss_view img{ border:1px solid #cccccc; } /* 個人資料 Profile */ #profile { MARGIN-BOTTOM: 10px; COLOR: #764623; padding-left:5px; } #profile table { WIDTH: 80%; font-size:13px; PADDING-LEFT: 10px; PADDING-BOTTOM: 25px; color:#764623; } .th_title { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 90px; COLOR: #764623; PADDING-TOP: 5px; TEXT-ALIGN: left; border-bottom:1px dotted #fff; } .td_desc { COLOR: #764623; border-bottom:1px dotted #fff; } .profile_title { background: url(http://wabis.biz/up0009/200901120415509716716213.gif) top left no-repeat; CLEAR: both; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 16px; WIDTH: 650px; COLOR: #764623; LINE-HEIGHT: 140%; margin-top:10px; PADDING-TOP: 25px; margin-BOTTOM: 10px; LETTER-SPACING:0.08em; height:45px; } .introduce { BACKGROUND-IMAGE: url( http://wabis.biz/up0009/200901120452591237744592.gif); width:550px;HEIGHT: 376px; BACKGROUND-REPEAT: no-repeat; PADDING-LEFT: 10px; padding-top:10px; COLOR: #764623; LINE-HEIGHT: 22px; font-size:13px; PADDING-BOTTOM: 30px; } /*頁數選擇*/ .pageCtrl{ width: 650px; margin: 3px; text-align: center; padding-top: 2px; padding-bottom: 2px; padding-leftt: 2px; float:center; } .pageCtrl ul{ margin: 0; padding: 0; text-align: right; font-size: 10px; } .pageCtrl li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pageCtrl a, .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; color: #764623; } .pageCtrl a:active{ color: #764623; text-decoration: none; } .pageCtrl a:hover{ color: #fff; text-decoration: none; } .pageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #764623; } .pageCtrl li.disablepage{ padding: 0 5px; color: #764623; } .pageCtrl li.nextpage{ font-weight: bold; } * html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #764623; } /*相簿首頁設定*/ #albumBlock { width: 650px; text-align: left; padding-bottom: 30px; float: left; padding-right: 10px; } #albumbody A:hover { COLOR: #fff;TEXT-DECORATION: none; } h3 { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #764623; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; } h3 A:link { COLOR: #764623; TEXT-DECORATION: none; } h3 A:visited { COLOR: #764623; TEXT-DECORATION: none; } h3 A:hover { COLOR: #fff; TEXT-DECORATION: none; background: url(http://wabis.biz/up0009/200901111142076924418662.gif) repeat; } h3 A:active { COLOR: #764623; TEXT-DECORATION: none; } .album{ text-align:center; float: left; height: 270px; FONT-SIZE: 11px; WIDTH: 205px; COLOR: #764623; margin-left: 2px; margin-top: 3px; margin-right: 2px; margin-bottom: 5px; } .album A:link { COLOR: #764623; TEXT-DECORATION: none; } .album A:visited { COLOR: #764623; TEXT-DECORATION: none; } .album A:hover { COLOR: #fff;TEXT-DECORATION: none; } .album A:active { COLOR: #764623; TEXT-DECORATION: none; } .albumimg { height: 200px; width:200px; } .albumList_title { FONT-SIZE: 13px; WIDTH: 100%; COLOR: #764623; PADDING-TOP: 8px; FONT-FAMILY: Georgia, Verdana, Arial, serif; HEIGHT: 14px; TEXT-ALIGN: center; } .albumList_date{ FONT-SIZE: 12px; COLOR: #764623; PADDING-TOP: 5px; FONT-FAMILY: Arial, Georgia, Verdana, serif; } .albumList_info{ COLOR: #764623; } .album IMG { BORDER:#fff 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } /*相簿內頁設定*/ #photobody{ width:650px; } .albumDesc{ color:#764623; font-size:12px; margin: 5px; } .albumCategory { FONT-SIZE: 12px; PADDING-BOTTOM: 17px; COLOR: #764623; LINE-HEIGHT: 150%; LETTER-SPACING: 0.05em; } .photo{ text-align:center; float: left; height: 150px; FONT-SIZE: 12px; WIDTH: 125px; COLOR: #764623; TEXT-ALIGN: center; margin-left: 17px; margin-top: 5px; margin-right: 17px; margin-bottom: 5px; } .photo IMG { BORDER:#fff 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } .photoimg { height: 100px; width:125px; } .photoList_desc { width:125px; color: #764623; height: 20px; font-size: 12px; text-align: center; } .albumview { text-align: center; width: 650px; color:#764623; } /*相簿內頁設定 End*/ /*單一瀏覽頁面設定*/ .backindex{ text-align: center; position: relative; top: 7px;FONT-SIZE: 16px; display: block; COLOR: #764623; } #viewPicDiv { BACKGROUND-image:url(http://wabis.biz/up0009/200901111140161770691187.gif) ; background-repeat: repeat-y; width: 1015px; text-align: center; position: relative; margin: 0px auto; } #viewPicDiv a:link { color: #764623; text-decoration: none;} #viewPicDiv a:visited { color: #764623; text-decoration: none;} #viewPicDiv a:active { color: #764623; text-decoration: none;} #viewPicDiv a:hover { color: #fff; text-decoration: none;} .viewalbumTitle{ FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #764623; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; padding-left: 20px; } .viewalbumTitle a:link, a:visited { color: #764623; text-decoration: none;} .viewalbumTitle a:active { color: #764623; text-decoration: none;} .viewalbumTitle a:hover { color: #fff; text-decoration: none;} .photoviewTitle{ width: 100%; color: #764623; height: 20px; text-align: center; } #photoViewbody{ text-align:center;width:910px; } .album_pageCtrl{ padding: 2px; width: 925px; float: left; margin: 10px 10px; text-align: center; color:#764623; } .photoview { text-align: center; width: 100%; } .photoview img { width:100%; float: center; } #photomsg{ padding-left:10px; width: 900px; margin-bottom: 20px; } .photomsg_title{ font-size: 18px; font-weight: bold; line-height: 30px; color: #764623; } .photomsg_comment{ font-size:13px; padding: 8px 0 8px 0; } .photomsg_Body { font-size:13px; line-height: 22px; } .photomsg_info { color: #764623; text-align: right; } .photoviewDesc{ width:925px; } table.photoList { margin-top: 20px; margin-bottom: 20px; } td.photoList { color: blue; height: 125px; width: 125px; font-size: 13px; } td.photoList img { BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; BORDER-LEFT: #fff 0px solid; BORDER-BOTTOM: #fff 0px solid; } /*留言板設定*/ #imsg{ FONT-WEIGHT: bold; FONT-SIZE: 16px; TEXT-DECORATION: none; BORDER-bottom: #fff 1px dotted; LETTER-SPACING: 0.15em; color:#764623; BACKGROUND: none; MARGIN:12PX; width:100px; text-align:center; } /*好友列表*/ .friendlist{ width:120px; height:150px; float:left; margin:10px 5px; padding:5px; text-align:center; } .buddyicon{ color:#764623; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } .friend_dest{ float:left; width: 98%; padding-left: 10px; color:#764623; } .friend_select{ float:right; display:block; } /*播客設定*/ #articleBlock2 { line-height: 1.7em; width: 600px; padding-RIGHT:60px; overflow: hidden; padding-bottom: 30px; padding-top: 35px; position: relative; float:RIGHT; } /*頁籤設定*/ .shadetabs{ border-bottom: 1px solid #603759; width: 550px; } .shadetabs ul{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: normal 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #603759; color: #764623; } .shadetabs li a:visited{ color: #764623; } .shadetabs li a:hover{ text-decoration: underline; color: #fff; } .shadetabs li.selected{ color:#764623; top: 1px; } .shadetabs li.selected a{ /*selected main tab style */ color:#764623; border-bottom-color: white; } .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; color: #fff; } .mediamain{ padding-top:10px; } .mediabody{ height:auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #778; border-bottom-color: #778; border-left-color: #778; margin-top: 0px; position: relative; width: 540px; padding-left:10px; } .medialist{ height:100%; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; margin-bottom: 10px; width: 450px; padding-bottom: 10px; } .mediaimg{ padding: 5px; } .mediamdig{ display:block; width: 60px; float: left; background-color: #FFFFCC; border: 1px solid #FFCC00; font-weight: bold; } .mediaid { float: left; margin: 0px 3px 10px 0px; width: 150px; text-align:center; } .mediacontent{ float: left; margin: 0px 0px 10px 0px; width: 100%; height: auto; } .mediatitle{ padding: 5px; } .mediadesc{ width: 95%; padding: 2px; float: left; } .mediainfo { text-align:left; padding: 5px; float: left; width: 60%; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } .mediamdy2{ text-align:left; padding: 5px; } /*頁數選擇(RSS、media頁面共用)*/ .mediapageCtrl{ width: 600px; text-align: right; display: block; } .mediapageCtrl ul{ margin: 0; padding: 0; text-align: right; font-size: 10px; } .mediapageCtrl li{ list-style-type: none; display: inline; padding-bottom: 1px; } .mediapageCtrl a, .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; color: #764623; } .mediapageCtrl a:hover, .pageCtrl a:active{ color: #764623; background-color: lightyellow; } .mediapageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #764623; } .mediapageCtrl li.disablepage{ padding: 0 5px; color: #764623; } .mediapageCtrl li.nextpage{ font-weight: bold; } * html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #764623; } /*我的俱樂部設定*/ .myclublist{ height:100%; padding: 10px; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; margin-bottom: 10px; } .myclubimg{ padding: 5px; width: 155px; float: left; } .myclubid { float: left; margin: 0px 3px 10px 0px; width: 670px; height: auto; } .myclubinfo{ text-align:left; padding: 5px; float: left; width: 490px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } .myclubcontent{ width: 650px; font-size: 12px; float: left; padding: 10px; background-color: #EBF1F1; } .myclubtitle{ padding: 5px; } .myclubdesc{ padding: 5px; } .myclubdesch3 { font-size: 14px; color:#57453E; } .cletemp {display: inline-block;} .clearboth { clear:both; } /*Meaid rss*/ .mediarss{ margin:10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; padding-bottom: 5px; height: 120px; } .mediarss_ID{ text-align:center; width:120px; float: left; } .mediarss_view{ float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; } .mediarss_list{ text-align:center; width:160px; float: left; } /* --------------------- float fix ------------------------ */ .clx { clear: both; } /*隱藏右上角廣告捲頁*/ div#tearad{ display:none;} /*隱藏欄位廣告*/ div#sponsorAd{ display:none;} /*隱藏右上角廣告捲頁*/ div#tearad{ display:none;} /*隱藏欄位廣告*/ div#sponsorAd{ display:none;} /*橫列工具自動隱現*/ .chromestyle{opacity:0.0;filter:alpha(Opacity=0)} .chromestyle:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)} #flipPageDiv { display:none; }
 
橫幅背景:http://wabis.biz/up0009/20090111113737229791715.gif
側欄標題圖背景:
http://wabis.biz/up0009/20090112002049205867044.gif
側欄內容圖背景:
http://wabis.biz/up0009/200901120022044735788875.gif
中間欄標題背景:
http://wabis.biz/up0009/200901120415509716716213.gif
中間主背景:
http://wabis.biz/up0009/200901111140161770691187.gif

hsinyu12 發表在 痞客邦 PIXNET 留言(0) 人氣()