新浪用的 CSS 樣式



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


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

圖一
點我放大

圖二..
點我放大

圖三..
點我放大

圖四


圖五



CSS 語法→按此下載


主要語法的運用

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

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




分享幾個小游標

游標
將滑鼠移過來 → 蝸牛按此下載
網址:http://yzcomm1.googlepages.com/A019.ani

將滑鼠移過來 → 蝸牛(動態)按此下載
網址:http://yzcomm1.googlepages.com/A021.ani

將滑鼠移過來 → 老鼠按此下載
網址:http://yzcomm1.googlepages.com/A015.ani

將滑鼠移過來 → 老鼠(動態)按此下載
網址:http://yzcomm1.googlepages.com/A020.ani

將滑鼠移過來 → 蝴蝶按此下載
網址:http://yzcomm1.googlepages.com/A016.ani

將滑鼠移過來 → 按此下載
網址:http://yzcomm1.googlepages.com/A017.ani

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


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

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





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


留言列表 (14)

發表留言
  • yi
  • Dear有意:<br />
    請問這個語法可以套用在"pixnet"的blog嗎?<br />
    需要修改什麼嗎?<br />
    因為我用了都不成功?! why??
  • 一個人
  • 謝謝
  • lio90228a
  • 那ㄍ小男孩太可愛ㄌ<br />
    我拿走嚕~
  • @@
  • 了解 感謝版主大人的用心教導^^
  • @@
  • 您好,左右欄位設定問題已解決<br />
    <br />
    接下來是左右欄位的瀏覽上下拖曳的那個長條東西沒有出現呢<br />
    <br />
    還請版主大人多多幫忙^^"
  • @@
  • 請問我的左右欄位的往下拉的那個東西沒有出現呢<br />
    <br />
    要怎麼設定呢?<br />
    <br />
    我將連結管理的欄位放在右邊他還是出現在左邊欄位呢<br />
    <br />
    請版主大大幫我解決一下 謝謝^^"
  • 靡
  • 謝謝分享~<br />
    帶走摟!︿︿
  • ♪* 崇尚自由〃言 ೄ
  • 我拿囉 ˇ<br />
    <br />
    謝謝 >&nbsp;&nbsp;&nbsp;&nbsp; <
  • coffee
  • 我拿去用了喔!!<br />
    <br />
    很謝謝你呢!!<br />
    <br />
    你的部落格真棒....^^
  • 〝Yu。蘭~
  • <p>滑鼠要怎麼換押??<br />
    到CSS裡面的哪裡更改UR??<br />
    蘭的黑色風格想換成白色<br />
    拿走了爹地媽咪的心血摟^^~<br />
    </p>
  • 廖小妹
  • 情意小妹拿走囉<br />
    <br />
    這小妹很喜歡<br />
    <br />
    謝謝妳ㄉ分享
  • 〝佾東璃×
  • <p>哈~<br />
    白的我喜歡^^<br />
    拿去用囉</p>
  • 大貓小鼠
  • 原來改回來黑色~我還以為你有兩個部落個ˊˋ|||(呆)
  • killy52785
  • <p>妳的語法下載處不見哩!~<br />
    要重新弄好哦<br />
    我剛剛發現的^^</p>