新浪用的 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是以新浪的版型下去寫的唷!
所以別家的部落格,應該是不能使用的.....





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


留言列表 (11)

發表留言
  • ★叛逆£心鎖★
  • 帶走囉~真的很謝謝你們唷
  • 穎友*琬渟╮
  • 我問你喔~妳的背景圖是怎麼用的阿??<br />
    不是有分部落格名稱下面的背景&部落格版面的背景<br />
    你怎麼只有一張而已??你去看看我的不洛格就知道我再說什麼了!!你懂吧!?因為我的圖片我是分上面(名稱下面)&下面(部落格版面)把這兩張放上去以後就很不搭!!去看就知了
  • ─═☆呆咩ღ予▪▫
  • <p>拿走摟..<br />
    <br />
    謝謝...<br />
    <br />
    雖然...<br />
    <br />
    我只有用無名..<br />
    <br />
    你有無名嗎??</p>
  • 羊小妹
  • 可以了,但是~~~感覺好怪哦!!!<br />
    我在慢慢研究怎麼改版,這個版久了有點想換新的,哈哈<br />
    <br />
    <br />
    謝謝有情有意的協助^____^
  • 羊小妹
  • 高度大概要調多少才會有呢?!^_____^<br />
    我照著指令去做,沒有辦法成功耶
  • 羊小妹
  • <p>有情有意&hellip;<br />
    <br />
    <br />
    羊小妹想要改變的只有中間部分而已哦<br />
    只要中間可以移動^_____^<br />
    <br />
    <br />
    麻煩你們囉,感謝&hellip;</p>
  • 羊小妹
  • 有情有意&hellip;<br />
    <br />
    想請問ㄧ下,我的部落格是三欄的<br />
    想像你的部落格一樣,我不知道怎麼講耶<br />
    就是左邊ㄧ個可以拉下來的<br />
    中間也有一個可以拉下來的<br />
    如果懂我的意思的話,可以麻煩有情有意教教我怎麼弄好嗎?<br />
    <br />
    我的表達能力很不好,嗚&hellip;
  • 馨儀~
  • 我...年紀比較小.比較笨<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/confused_smile.gif" /><br />
    你可以把完整ㄉ語法公佈出來ㄇ?<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/tounge_smile.gif" /><br />
    留言在我ㄉ部落格!<img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/regular_smile.gif" />
  • killy52785
  • 我可以套用在我部落格嗎謝謝@@
  • 糖糖
  • <p>噗滋...<br />
    害我嚇到ˊˋ<br />
    <br />
    然後我剛剛在版面那邊改阿改= =<br />
    就是改不好....現在用好了^^呵呵<br />
    <br />
    對了...那個背景圖是要放在哪阿?<br />
    我想換自己的...可是不知道要放在哪裡ˊˋ</p>
  • 糖糖
  • <p>ㄘㄨㄚˋ賽&nbsp; <img alt="" src="/_common/FCKeditor/editor/images/smiley/msn/cry_smile.gif" /><br />
    <br />
    我套用後是扶桑花女孩<br />
    我有把我原先的css複製起來<br />
    但是當我要把它用回去時<br />
    版型整個亂了<br />
    那ㄟ阿捏<br />
    嗚嗚嗚 ~ 我的版面<br />
    <br />
    可以教我怎麼用嗎?<br />
    因為我是直接套用的....但是卻不是這個版面!<br />
    嗚嗚嗚 .... 快救救我吧!</p>