close


奇摩的版型設定有兩欄式、三欄式兩種。我一直使用三欄式的版型設定!
一周年了,我想換換版面;於是我改用兩欄式的版型設定試看看!
奇摩的兩欄式的版型設定有問題!

什麼問題? 本文區好小好小,兩邊留白好大好大~~~一點也不好看
於是我又改回三欄式的版型設定! 這樣就沒有問題了吧!

不!那天我逛到 愛‧閱讀 ~~~這個網站~~~我好喜歡他們的書櫃貼紙!
於是把他搬回來放在版面上!
糟糕~~~愛‧閱讀 書櫃無法顯示全部~~~一點也不好看



我查了一下;原來奇摩的窄欄只能放得下 125 pix !愛‧閱讀 書櫃要 160 pix 才能顯示全部!
怎麼辦? 怎麼辦?

只好自行更改 CSS 設定
在 面版設定 自訂樣式 貼上以下這個 CSS 語法~~~就可以啦!



/*two col layout*/
.twocoldr #yhtw_mastfoot {width:950px;margin:0 auto;}
.twocoldr[class]{min-width:950px;behavior:none;}
.twocoldr .ycnt3col {zoom:1;width:950px;text-align:left;margin:0 auto;}

/*main on right*/
.twocoldr .yc3main {width:750px;float:right; margin-right:-10px;}
.twocoldr .yc3mainbd {margin-right:10px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:195px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/



這個設定,窄欄有 195 pix ;本文區也變大,有 950 pix !好看一點啦!



噫~~~本文區變大後,文字好像有點小耶~~~

只好把窄欄跟本文區 文字放大成 ~~~ 115%



/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{font-size:115%;padding-left:25px;padding-right:15px;
background:#D4E6F8;
color:#220000} #ymodcal .mbd td strong {color:#FFE3B5;}

/*Nav module body*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:115%;color:#220000; background:#D4E6F8;}



大費周章,弄了老半天!嗯~~~這樣一來,版面看起來好看多了!
讀書人最新的部落格版面終於出爐了!



哈哈~~~聰明的格友,你們覺得讀書人的版面有什麼不一樣嗎?
嘻嘻~~~一樣,完全一樣!這就是世間啊!



「立秋」-初候產涼風至,二候白露下降,三候寒蟬始鳴。



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 jameshung2006 的頭像
    jameshung2006

    讀書人's 靜心居 & 高爾夫人生 @ 溫哥華

    jameshung2006 發表在 痞客邦 留言(0) 人氣()