香港新浪網 MySinaBlog
« 上一篇 | 下一篇 »
MySinaBlog | 3rd Apr 2006 | CSS教學 | (25794 Reads)

這次將會教大家如何修改網誌的主頁基本設定。


目標1:更改網誌寬度:

#document{

padding : 0px;
margin-top : 5px;
width : 780px;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
}

i. 把 width: 780px; 改為你想要的寬度。如: width : 1000px;

 

目標2:改變內容文章寬度

#main_content{

float           : left;
width           : 560px;
}

i. 修改width屬性,要注意的是這數值不能超過上面所設定的網誌寬度。

 

目標3:改變Sidebar寬度

#main_sidebar{

float            : right;
width            : 218px;
background-color : #f3f3f3;
}

i. 修改width屬性。要注意的是網誌寬度必須大過內容文章寬度 + Sidebar 寬度。Sidebar寬度不能少於200px。如在瀏覽器上看見Sidebar掉了下來,多數原因是Sidebar太窄了,可以多嘗試不同的數值。emoticon

 

目標4:如何改變Sidebar的左右位置

#main_content{ 

float           : right;
width           : 560px;
}

#main_sidebar{

float            : left;
width            : 218px;
background-color : #f3f3f3;
}

i. 分別修改#main_content#main_sidebarfloat屬性。如想Sidebar置左,把#main_sidebar的float設為left, 而#main_content設為right。反之亦然。

 

目標5:如何隱藏Sidebar

#main_sidebar{

float            : right;
width            : 218px;
background-color : #f3f3f3;
display : none;
}

i. 在#main_sidebar內加上 display: none, 即可。

 

嗯,時間又差不多了,下一次再談﹗emoticon

Picture

註:關於這篇文章的內容上的問題,請留言發問。

至於其他的CSS問題,可在這裡問。


[104] Bradley Givens

They've east steroids while pregnant danger use. Days Roy buy testosterone supplements crock urn; U.S.A. choose buy testosterone undecanoate pills rash red. Week self steroids bronchitis crime.


[引用] | 作者 order sp laboratories} | 1st Aug 2017 | [舉報垃圾留言]

[103] 好棒喔

哇好幫ㄋ
謝謝你喔
可以問你嗎
那種後面一個圖
前面一層的怎麼做


[引用] | 作者 Jenny | 18th Aug 2011 | [舉報垃圾留言]

[102] 幫幫我

請問一下達人
當我設定相片連結時 旁邊都會有"色框"
要如何做到能連結 但不要有色框呢??


[引用] | 作者 miffy | 14th Feb 2011 | [舉報垃圾留言]

[101]

哇哇....好多人唔係幾滿意喎.....
我自己都有d唔滿意...
希望你地可以改進la!

波板糖
[引用] | 作者 波板糖 | 14th Mar 2008 | [舉報垃圾留言]

[100] Re: 維

=.=

維
[引用] | 作者 | 29th Dec 2007 | [舉報垃圾留言]

[99]

我有看懂了


[引用] | 作者 路人 | 8th Oct 2007 | [舉報垃圾留言]

[98] 跌到下面

跌到下面
http://firegirl3888.mysinablog.com/


[引用] | 作者 ke | 7th Jul 2007 | [舉報垃圾留言]

[97]

我個都唔識整啊


[引用] | 作者 bowie | 14th Jun 2007 | [舉報垃圾留言]

[96] 请问..

请问呢D代码放系边个位置??我今日第一次系呢度玩BLOG所以有好多野请教你咖~~吾该!


[引用] | 作者 ERIKA | 3rd Dec 2006 | [舉報垃圾留言]

[95] Re: Re: 我的sidebar 也掉了下回來...解決不了
阿昇 :
阿昇 :有無人教下我點做呀?http://sing1987.mysinablog.com

解決了~哈

麻煩你可唔可以講下究竟你係點樣搞掂架?我跟足哂上面咁講都係sidebar沉底......


[引用] | 作者 Sharon | 9th Nov 2006 | [舉報垃圾留言]

Next