新浪用的 CSS 版型樣式





最近突然對部落版型的 CSS 很有興趣。
以前都想:反正套用現成的,再換張圖片,改個字體顏色不就
OK了,懶得去跟那些豆芽菜打交道,密密麻麻的看了就頭痛。

可是新浪的板型樣式真的是少的可憐,所以只好動手稍微去了解一下,
該怎麼喬,怎麼改,怎麼去設定,才能符合自己的需要。

現在這個版型樣式是經過我多天來的研究,將背景固定,再將欄位
與文章區塊往左移一點,讓右邊空出來,其實還可以有很多變化,
只是這都需要耐心的不斷嘗試修改才行,整個的設定要解說…..
ㄟ~是有些複雜耶!我怕我會寫的很辛苦,而你看的很模糊!

所以若是喜歡這個版型樣式的,有意很高興能分享給您,
將CSS 語法給您套用《圖片請按圖放大,再按右鍵另存圖片》
也可自行製作圖片,再利用版型小幫手將圖片重新換過就好了!
如果是套用我的CSS 語法,將不另外教你如何修改唷!


總共有三張圖片,一個游標與一篇 CSS 語法

圖一
點我放大

圖二..
點我放大

圖三



游標
將滑鼠移過來→玫瑰花(動態)按此下載
網址:http://yzcomm1.googlepages.com/A014.ani

CSS 語法→按此下載


主要語法的運用

BODY { TEXT-ALIGN: left; 將版面放在左邊

#stage { WIDTH: 750px; HEIGHT: 500px;
          左欄位&文章區的寬與高
          OVERFLOW-Y: scroll; OVERFLOW-X: hidden;
          固定左欄位&文章區




小小建議
若要修改請先將你原來的CSS 先複製儲存
以防萬一將語法弄亂了,可在貼回去唷!

提醒您!CSS是以新浪的版型下去寫的唷!
所以別家的部落格,應該是不能使用的.....





arrow
arrow
    全站熱搜

    cm788847 發表在 痞客邦 留言(11) 人氣()