這是瞳瞳做的真首頁教學ˇ
以下為他的教學內容
各位要引用請至他的部落格告知ㄧ聲喔ˇ
如果不懂真首頁是什麼
請看NaiNiu的網誌
他的排版就是真首頁的形式
真首頁的基本條件就是 → #blog-main (這個標籤)
假如說你要修改 首頁 banner 的相關物
#blog-main #banner {}
例如說我要將 banner 定位、改色、改寬、改高、改字體
#blog-main #banner {
position: absolute; /*定位*/
top: ?px; /*定位_離上方多遠*/
left: ?px; /*定位_離左方多遠*/
color: #六位數; /*改字色*/
width: ?px; /*改寬*/
height: ?px; /*改高*/
font-family: ?px; /*改字體*/
}
當然,還可以改很多,改字距、行高、框線 ... 等通通可以
只要將你需要改的項目前面多加上 #blog-main 就可以呈現出假首頁
當然假「首頁」的目的就是不要顯示很多項目
最主要的部份就是主文要隱藏,那要怎麼隱藏呢?
#blog-main #content { display:none; }
大家應該都知道 display:none; 是使項目不要顯示出來,也就是隱藏!
而一般 #content 就是主文章的部份!這樣就能夠將主文章隱藏了!
當然,其他要隱藏的部份也是這樣
不管你是要將訪客隱藏 #blog-main #visitor { display:none; }
還是將分類隱藏 #blog-main #category { display:none; }
通通都一樣前面要加上 #blog-main 即可。
單一要隱藏標題的話就拿訪客的來說,這樣就行了!
#blog-main #visitor .box-title { display:none; }
一般都會需要用到定位的,大家可以把定位學好,方便使用!
如果首頁底圖要換,這個就類似整個底部的感覺,標籤是#blog-main
如果是 1024*768 寬版非長版的,圖片要換可以使用這個標籤!
- Sep 07 Fri 2007 10:25
【教學】真首頁教學*
全站熱搜
留言列表
發表留言