││ 下載頁面 ││

將滑鼠移至方框內，滑鼠自動選取後，將語法複製後貼在CSS樣式列表中即可。




* 藍天樣式預覽 *



/* General Set -----------------------------------------*/ html { scrollbar-face-color: #555; scrollbar-highlight-color: #555; scrollbar-shadow-color: #555; scrollbar-3dlight-color: #555; scrollbar-arrow-color: #555; scrollbar-track-color: #555; scrollbar-darkshadow-color: #555; overflow:hidden; /*刪除捲軸*/ } textarea{ font-family: verdana; font-size: 12px; color: #333; background: #fff; border: 1px solid #ccc; scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-Color:#fff; scrollbar-arrow-color:#ccc; scrollbar-shadow-color:#fff; scrollbar-highlight-color:#fff; overflow:auto; } input,select { font-family: verdana; font-size: 10px; border: none; background: none; } body { font-size: 10px; font-family: verdana; color: #333; background: #555; margin: 0px; } a { text-decoration: none; color: #333; } a:hover { color: #fff; text-decoration: none; } /* container -----------------------------------------*/ #container1 { width: 800px; height: 500px !important; position: relative; /* fix IE6 bug */ margin: 0px auto; border: 0px solid #333; background: #fff; } #container2 {} /* banner and pageheader -----------------------------------------*/ #banner { color: #fff; background: #000 url(http://p8.p.pixnet.net/albums/userpics/8/9/223389/1183468034.jpg) 0px 0px; height: 282px !important; width: 800px !important; border: 0px dotted #555; text-decoration: none; font-size: 10px; font-weight: normal; } #pageheader {} /* banner第二層，實質上只設定#banner即可 */ #pageheader h1 a { color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; padding-left:30px; padding-top:10px; } /* 主標題(網誌名稱) */ #pageheader h1 a:hove { color: #999; font-weight: normal; text-decoration: none; } /* 主標題(網誌名稱) */ #pageheader .description { color: #fff; text-decoration: none; font-weight: normal; font-size: 12px !important; font-family: verdana; } /* 網誌目前動態描述 */ #pageheader #description2 .description { color: #fff; position: absolute; top: 40px; left: 30px; width: 100%; text-align: left; font-weight: normal; text-decoration: none; padding:10px; }/* 網誌個人描述列 */ #pageheader #description2 .description a { color: #fff; } #pageheader #description2 .description a:hover { color: #999; } /* main -----------------------------------------*/ #main2 { scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-arrow-color: #fff; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #fff; overflow: auto; height: 290px; }/* 包含content、links */ /* content -----------------------------------------*/ #content { margin-left: 7px; width: 510px; float: left; margin-top: 5px; } .date { text-align: right; background: #eee; border: 1px solid #333; border-bottom: 5px; padding-right: 5px; } .datediv {} /* 第二層date */ .blogbody { border: 1px solid #333; padding: 5px; margin-bottom: 0px; }/* 包含 .articletext .posted .total-comments-div */ .blogbody2 {} /*第二層blogbody*/ .articletext {} /*包含 .title .extended .innertext .extended */ .articletext .title { font-weight:bold; font-size: 12px; text-decoration:underline; } .articletext .innertext {} .articletext .extended { text-align: right; } .posted { text-align: right; } /* comments -----------------------------------------*/ .total-comments-div { border-top: 1px dotted #999; padding-top: 10px; margin-top: 10px; } .total-comments-div .trackbacks-head {} .total-comments-div .trackbacks-head .comments-head { background: #eee; border: 1px solid #aaa; padding: 7px; margin-bottom: 10px; }/* 引用列的title */ .total-comments-div .comments-head { background: #eee; border: 1px solid #aaa; padding: 7px; }/* 回應列的title */ .total-comments-div .comments-bottom .comments-head { background: #eee; border: 1px solid #aaa; padding: 7px; margin-top: 10px; }/* 編寫回應列的title */ .total-comments-div .comments-body { border-bottom: 0px dotted #888; }/* 回應區的留言區塊 */ .total-comments-div .comments-body .comments-post { text-align: right; color: #aaa; }/* 回應者資訊 */ .total-comments-div .comments-body form {}/* 編寫回應欄 */ #text {} input#nameid,input#email,input#url { border-bottom: 1px solid #ccc; width: 200px; background: none; } .trackback-url { color: #777; } #trackback_url { color: #aaa; font-size: 10px; font-family: verdana; width: 245px; } /* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position -----------------------------------------*/ #divThird {} #divThird2 {} /* 第二層divThird */ /* links 選單 -----------------------------------------*/ #links { margin-top: 5px; width: 235px; float: right; background: #eee; border-left: 0px dotted #333; } #links2 {} /* 第二層links */ .sidetitle { padding-right: 5px; padding-top: 5px; padding-bottom: 5px; background: #555; color: #aaa; width: 100%; text-align: right; font-size: 12px; font-family: verdana; border-left: 1px solid #000; border-bottom: 1px solid #000; }/* 每個blog的標題列 */ .side { font-size: 12px; padding: 10px; }/* 每個block的內容 */ /* links 選單進階設定 -----------------------------------------*/ .calendar {} /* 行事曆 */ #boxProfile {} /* xxxxxx的地盤 */ #boxProfile .boxProfile0 {} #boxProfile .boxProfile0 .sidetitle {} #boxProfile .boxProfile1 {} #boxProfile .boxProfile1 .side {} #boxProfile .boxProfile1 .side .boxProfileImg {}/* 個人封面照片縮圖 */ #boxProfile .boxProfile1 .side .boxProfileLink {} /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */ #boxProfile .boxProfile1 .side select {} /* 好友名單 */ #boxSlideShow {} /* 播放中的相簿 */ #boxSlideShow .boxSlideShow0 {} #boxSlideShow .boxSlideShow0 .sidetitle {} #boxSlideShow .boxSlideShow1 {} #boxSlideShow .boxSlideShow1 .side {} #boxNewArticle {} /* 最新的文章 */ #boxNewArticle .boxNewArticle0 {} #boxNewArticle .boxNewArticle0 .sidetitle {} #boxNewArticle .boxNewArticle1 {} #boxNewArticle .boxNewArticle1 .side {} #boxCategory {} /* 文章分類 */ #boxCategory .boxCategory0 {} #boxCategory .boxCategory0 .sidetitle {} #boxCategory .boxCategory1 {} #boxCategory .boxCategory1 .side {} #boxDate {} /* 文章彙集 */ #boxDate .boxDate0 {} #boxDate .boxDate0 .sidetitle {} #boxDate .boxDate1 {} #boxDate .boxDate1 .side {} #boxSearch {} /* 搜尋這個網誌的文章 */ #boxSearch .boxSearch0 {} #boxSearch .boxSearch0 .sidetitle {} #boxSearch .boxSearch1 {} #boxSearch .boxSearch1 .side {} #scupioSearch {} /* 搜尋 */ #scupioSearch .scupioSearch0 {} #scupioSearch .scupioSearch0 .sidetitle {} #scupioSearch .scupioSearch1 {} #scupioSearch .scupioSearch1 .side {} #boxNewComment {} /* 最新的回應 */ #boxNewComment .boxNewComment0 {} #boxNewComment .boxNewComment0 .sidetitle {} #boxNewComment .boxNewComment1 {} #boxNewComment .boxNewComment1 .side { text-align: right; color: #777; font-size: 10px;} #boxNewComment .boxNewComment1 .side a {text-align: left; display: block; font-size: 12px; } #boxNewComment .syndicate { display: none; } /*RSS*/ #boxFolder {} /* 自訂資料夾 */ #boxFolder .boxFolder0 {} #boxFolder .boxFolder0 .sidetitle {} #boxFolder .boxFolder1 {} #boxFolder .boxFolder1 .side {} #boxCounter {} /* 參觀人氣統計 */ #boxCounter .boxCounter0 {} #boxCounter .boxCounter0 .sidetitle {display: none;} #boxCounter .boxCounter1 {} #boxCounter .boxCounter1 .side {} .syndicate {padding: 10px;} /*RSS*/ .syndicate img{ filter: gray; } #boxDate {display: none !important;} /* 文章彙集 */ #boxSearch {display: none !important;} /* 搜尋這個網誌的文章 */ #scupioSearch {display: none !important;} /* 搜尋 */ #boxRssList { display: none !important; } /*我的訂閱*/ #boxNewTrackback { display: none !important; } /*最新的引用*/ .boxMySpaceImg {display: none !important;} .boxGiftLink { display: none !important; } .boxAddFriendLink { display: none !important; } /* powered 無論如何請不要隱藏無名小站的logo -----------------------------------------*/ .powered {padding: 10px;} .powered img {display: none;} .total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */ /* footer -----------------------------------------*/ #footer { background:none; height: 0px; } .list-linkcontrol {display: none;}