新浪用的 CSS 樣式



最近又做了一張粉嫩的背景圖,再加上一隻會動的蜻蜓(應該是蜻蜓)。
整個樣式清爽許多,又符合現在的流行(筆記本樣式)...

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

這個版型樣式是經過我多天以來的研究,除了背景固定,
還將欄位改為三欄式的,並將二個側邊欄位放在同一邊
只是這都需要耐心的不斷嘗試修改才行,整個的設定要解說.....
ㄟ~是有些複雜耶!我怕我會寫的很辛苦,而你看的很模糊!

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


總共有七張圖片與一篇 CSS 語法

若原本欄位是二欄式的,需先至『 版型管理 』裡勾選三欄式的
先套用新浪提供的樣式,再將欄位裡的東西,選擇放在左欄或者是右欄
再回到『 版型管理 』在『 編輯CSS 』裡重新套用情意的CSS

圖一.....請按圖放大
點我放大

圖二..


圖三


圖四


圖五


圖六


圖七



CSS 語法→按此下載


主要語法的運用

#navAlpha-欄位, #NavBeta-欄位, #content-文章區
這三個地方,要設定放在哪一邊
例: FLOAT: right; 這句就是將欄位放在右邊

FLOAT 是設定區塊的位置,就看你欄位要放在哪一邊了!




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

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





arrow
arrow
    全站熱搜

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