My site has changed!

Xuite.png

繼上次寫了Blogger的Css後,這次心血來潮寫了Xuite的Css
原因是這樣的:
想創個Xuite到大家Blog內,留言就有頭像了,進而→寫寫看吧!(喂)

其實5年前(好久哦...)我曾經用過Xuite來架設班網呢,那時候看上Xuite可以分享許多影片的大空間
現在回想起來,那些影片真是美好的回憶...好青澀的青少年時光阿...

這個樣式是直接套用官方的樣式後直接改過來的,因為全部重寫要好久時間哦..>"<
所以內部的標籤沒有改動太多(只有新增幾個而已)
寫的過程有些地方不太如意...,官方有些內部的設置有些麻煩 冏 (不過好像沒有Blogger來得麻煩...)
真心比較過後才能深刻體會Pixnet的Div架構有多好...>"<

這是我的Xuite,可以進入看看樣式的樣子
但我想未來不會更新文章..(逃跑)

如果不嫌棄的話,這裡有載點
ps.Css內部都有標籤說明,可以自由變換文字大小,文章欄寬度,版頭等等..

以後到大家家裡留言就有頭像了呢,顆顆

---------------修改文章及欄位寬度方法---------------
第一步-修改所需大小
文章寬度:
修改#mid內的width大小

右欄寬度:
修改#linksRight內的width大小

第二步-修改整個部落格寬度
修改#container內的width大小
*整個部落格寬度=文章寬度+右欄寬度+20


---------------修改大圖方法---------------
修改#banner{}內的background內的網址
再修改
width:880px; /*大圖片的寬度*/
height:415px; /*大圖片的高度*/
為你的圖片寬高
*寬度盡量不要超過#container{}內設置的寬度,
如需變更#container的寬度,請參考上一則教學:修改文章及欄位寬度方法


---------------修改欄位前小圖的方法---------------
第一步
更改.sidetitle{}內的background:url();內的網址為新小圖網址

第二步
更改.sidetitle{}內的padding:0px 0px 0px 24px; 的24數值為新小圖的寬(如果修改過後太擠可以斟酌加寬)

第三步
如果小圖的高超過20px,請在.sidetitle{}內加入下列語法:
min-height:20px;
(20px為小圖的高)

文章標籤
創作者介紹

Paulean R Sims

壯兔 發表在 痞客邦 PIXNET 留言(4) 人氣()


留言列表 (4)

發表留言
  • 娜娜
  • 買壯寫了XUITE的樣式,
    真是太好了,
    立刻使用!
    謝謝壯兔分享,
    你是最棒的!(嬌喘)
  • 哦~~~>////< 好感動哦,買肉娜馬上來支持了...!!!
    你,,,你也很棒呢(喘)
    使用上有問題要告訴我哦>////<
    愛你>/////<

    壯兔 於 2011/07/01 22:01 回覆

  • Choco
  • 喔.....我也來一下,夏天不來熱一下像夏天嗎~

    噢~買壯(噁)寫了新樣式耶~
    不過怎麼吹的是熱風.......




    有冷到厚,醬就不那麼熱了.......XD
  • 恩....夏天吹涼風最好了...來~再吹一點>///<
    Choco覺得叫買壯很噁心嗎XDDD
    多叫幾次就不會了>//////< ((喂
    謝謝Choco留言啦!

    壯兔 於 2011/07/01 22:04 回覆

  • 悄悄話
  • 悄悄話
找更多相關文章與討論