新浪用的 CSS 樣式



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

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

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

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


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

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

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

圖二..


圖三


圖四


圖五


圖六


圖七



CSS 語法→按此下載


主要語法的運用

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

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




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

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





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


留言列表 (12)

發表留言
  • de
  • 3q^^<br />
    <br />
    我拿去試用嚕!!<br />
    <br />
    新手&nbsp;&nbsp; 剛辦新浪=&nbsp;&nbsp;&nbsp; =
  • 藕〃
  • <p>感謝情意的巧思,樣式我好喜歡阿!<br />
    <br />
    祝情意與各位 鼠年行大運</p>
  • 穎友*渟╮
  • 你可以告訴我...<br />
    繼續閱讀的語法代號嗎?
  • 小咪
  • 版大大太強了!!!<br />
    我也覺得sina版型好少~~<br />
    不過...我看不習慣欄位都在同一邊耶<br />
    版大大哪天有空可以設計三欄的~然後分左右兩邊嗎???<br />
  • 勝
  • 拿走囉...thanks
  • Coral
  • <p>我拿走嚕 謝謝^^<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" /></p>
  • 小女孩
  • <p>我猜 應該是捲軸的距離吧!<br />
    但是我不知道要改哪一個才是捲軸的距離~"~</p>
  • 小女孩
  • <p>我沒有用阿!&nbsp; 可是我把欄位的寬度都縮小了<br />
    還是會跑到下面去耶!<br />
    <br />
    剛看的時候沒有 等久一點就會跑去下面了..<br />
    是什麼原因阿?</p>
  • Bear
  • <p>情意的足跡走過第 var now=new Date();var spday=new Date(2006,04-1,20);a=(now.getTime()-spday.getTime())/(24*60*60*1000);a=Math.ceil(a); document.write(""+a+""); <strong>500</strong>天<br />
    <br />
    <br />
             繼續加油唷 ﹋</p>
  • 小女孩
  • <p>我套用了...<br />
    我發現我的圖好像有個地方做錯哩~"~<br />
    <br />
    晚點再做一張好了...<br />
    <br />
    阿還有...就是第2排的欄位<br />
    好像都會亂跑耶!一直跑到下面去= =<br />
    怎辦><?</p>
  • 渟
  • 對了..剛忘了講...<br />
    要怎麼把當案變成壓縮檔讓別人下載呀!!<br />
    就像你的那個css檔案下載哪樣壓!!<br />
    教我吧
  • 渟
  • ㄏㄏ...我之前也是用你給的2蘭嶼法下去研究的呢!!<br />
    我之前是拿你給的語法與原本的語法比較<br />
    才發現...怎麼少了一個東西<br />
    最後我把它加進去...才會有3個!!<br />
    不過還是要謝謝情意給的語法我才可以自己研究出3欄的<br />
    謝謝