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為小圖的高)

    文章標籤

    xuite 樣式 css

    全站熱搜

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