這是瞳瞳做的真首頁教學ˇ
以下為他的教學內容
各位要引用請至他的部落格告知ㄧ聲喔ˇ
如果不懂真首頁是什麼
請看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 寬版非長版的,圖片要換可以使用這個標籤!
 

創作者介紹
創作者 那。 的頭像
那。

那是,現在與過去不斷對話。

那。 發表在 痞客邦 留言(3) 人氣()