■■■Loading□□□

各位北鼻門大家好

甜姐兒常常因為寫樣式的關係要將樣式套用來套用去

覺得很麻煩

有時候會直接用教學版行的樣式套用做修改

今天想讓各位很方便的就可以套用樣式

聽說無名越來越機車了

有些樣式作者限定不能修改

不過各位別擔心我已經破解出來了

希望各位還是要徵求樣式作者同意在修改

 

全選反白複製即可
(空行請勿自行刪除~否則無法顯示樣式)
樣式導覽列:#FFFFFF
拿樣式請留言並點廣告或粉絲團按讚(可2選1)
最佳瀏覽解析度：解析度建議1024*768以上
若要將主選單置右，更改 1. content的float為right   2. links的float為left   3.必要時可調整content的margin
CSS樣式載點(txt文字檔):點我-->
/* General Set -----------------------------------------*/ html, #text { scrollbar-face-color:#eee; scrollbar-track-color:#eee; scrollbar-3dlight-color:#eee; scrollbar-darkshadow-Color:#eee; scrollbar-arrow-color:#444; scrollbar-shadow-color:#444; scrollbar-highlight-color:#444; } body { font-size: .8em; /* 字體大小 */ font-family: "Courier New"; /* 字體樣式 */ color: #444; /* 字體顏色 */ background: #fff; /* 背景顏色 */ margin: 0px; } a { color: #123456; } a:hover { color: #000; text-decoration: none; } /* container -----------------------------------------*/ #container1 { width: 900px; position: relative; /* fix IE6 bug */ margin: 10px auto; border: 1px solid #333; } #container2 {} /* banner and pageheader -----------------------------------------*/ #banner { background: #999; height: 73px; border-bottom: 1px dotted #000; } #pageheader {} /* banner第二層，實質上只設定#banner即可 */ #pageheader h1 a {} /* 主標題(網誌名稱) */ #pageheader .description {} /* 網誌目前動態描述 */ #pageheader #description2 .description { /* 網誌個人描述列 */ position: absolute; top: 58px; left: 0px; width: 100%; text-align: right; } /* main -----------------------------------------*/ #main2 { /* 包含content、links */ overflow: auto; height: 460px; } /* content -----------------------------------------*/ #content { margin-left: 7px; width: 610px; float: left; margin-top: 5px; } .date { text-align: right; background: #aaa; border: 1px solid #333; border-bottom: 0px; padding-right: 5px; } .datediv {} /* 第二層date */ .blogbody { /* 包含 .articletext .posted .total-comments-div */ border: 1px solid #333; padding: 10px; margin-bottom: 15px; } .blogbody2 {} /*第二層blogbody*/ .articletext {} /*包含 .title .extended .innertext .extended */ .articletext .title {} .articletext .innertext { width:586px; overflow-x:hidden; } .articletext .extended {} .posted {} /* 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 { /* 引用列的title */ border: 1px solid #aaa; padding: 7px; margin-bottom: 10px; } .total-comments-div .comments-head { /* 回應列的title */ border: 1px solid #aaa; padding: 7px; } .total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */ border: 1px solid #aaa; padding: 7px; margin-top: 10px; } .total-comments-div .comments-body { /* 回應區的留言區塊 */ border-bottom: 1px dotted #888; } .total-comments-div .comments-body .comments-post { /* 回應者資訊 */ text-align: right; color: #aaa; } .total-comments-div .comments-body form { /* 編寫回應欄 */ } #text {} /* divThird 第三欄式設定，若兩欄式則不需設定 #divThird 的 position -----------------------------------------*/ #divThird {} #divThird2 {} /* 第二層divThird */ /* links 選單 -----------------------------------------*/ #links { width: 235px; float: right; background: #ddd; border-left: 1px dotted #333; } #links2 {} /* 第二層links */ .sidetitle { /* 每個blog的標題列 */ padding-left: 10px; background: #666; color: #fff; width: 100%; } .side { /* 每個block的內容 */ padding: 10px; } /* 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 {} #boxFolder {} /* 自訂資料夾 */ #boxFolder .boxFolder0 {} #boxFolder .boxFolder0 .sidetitle {} #boxFolder .boxFolder1 {} #boxFolder .boxFolder1 .side {} #boxCounter {} /* 參觀人氣統計 */ #boxCounter .boxCounter0 {} #boxCounter .boxCounter0 .sidetitle {} #boxCounter .boxCounter1 {} #boxCounter .boxCounter1 .side {} .syndicate {padding: 10px;} /*RSS*/ /* powered 無論如何請不要隱藏無名小站的logo -----------------------------------------*/ .powered {padding: 10px;} .total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */ /* footer -----------------------------------------*/ #footer { background: #999; height: 20px; }

說明：

舊有網誌的排版方式你已經厭舊了嗎？

無名超活的網誌架構，特殊搞怪的另類排版！

想要來點新鮮的？點這就對了！