Yahoo Blog 的側邊欄位加寬法 (圖文版)

Yahoo Blog 的側邊欄位加寬法
因為Yahoo Blog原側邊欄的寬度為150px,
對於某些較寬的外掛程式, 會顯得過窄, 造成"爆表"的現象,
因此笨貓將窄欄加寬至200px, 可更加靈活應用各種用法....

以下的六個步驟,是如何開Yahoo Blog的CSS樣式表來修改的方法
《步驟一》請按左上角的"管理部落格"
Yahoo Blog, 側邊欄位

《步驟二》按左邊的"面板設定"
Yahoo Blog, 側邊欄位

《步驟三》按上方的"自訂樣式", 這裡就是CSS樣式表
Yahoo Blog, 側邊欄位

《步驟四》這時將拉Bar拉至最底端, 以方便貼上程式碼
Yahoo Blog, 側邊欄位

《步驟五》像紅色方框的位置, 貼上程式碼後, 按"確定"
Yahoo Blog, 側邊欄位

《步驟六》右邊的欄寬變更為200px,所以Xuite就放得下了
Yahoo Blog, 側邊欄位



《三欄式》左右欄寬皆200px 程式碼
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:right;position:absolute;left:0px;}

《三欄式》左右欄寬皆200px 顯示效果Yahoo Blog, 側邊欄位



《三欄式》左欄寬150px 右欄寬200px 程式碼
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:150px;float:right;position:absolute;left:0px;}

《三欄式》左欄寬150px 右欄寬200px 顯示效果Yahoo Blog, 側邊欄位



《三欄式》左欄寬200px 右欄寬150px 程式碼
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-left:0px;}
.thrcol .yc3subbd {width:150px;float:right;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:left;position:absolute;left:0px;}

《三欄式》左欄寬200px 右欄寬150px 顯示效果Yahoo Blog, 側邊欄位



《兩欄式》右欄寬200px 語法
.twocolga .yc3main {width:100%;float:left;height:100%;}
.twocolga .yc3mainbd {margin-right:50px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:200px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}

《兩欄式》右欄寬200px 顯示效果Yahoo Blog, 側邊欄位



《兩欄式》左欄寬200px 語法
.twocoldr .yc3main {width:94%;float:right;}
.twocoldr .yc3mainbd {margin-left:0px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;float:left;}
.twocoldr .yc3sec {display:none;}

《兩欄式》-左欄寬200px 顯示效果Yahoo Blog, 側邊欄位


創用CC宣告

Creative Commons License
姓名標示您必須保留原作姓名標示
非商業性您不得為商業使用本著作
禁止改作您不得改變或改作本著作


網摘、引用、連結,不轉載
網摘 引用 連結 不轉載


我要引用 Trackback:

Blogger 使用者專用:
Trackback 引用網址: http://mymagicalstar.blogspot.com/2009/03/yahoo-blog_17.html

我要发表评论:

匿名 说...

感謝這篇教學內容,步驟說明很詳細。照著做一試就成功。謝謝囉~~

林曉欣 说...

免費視訊
免費視訊
免費視訊
視訊聊天交友
視訊
視訊美女
173免費視訊
視訊 賽克斯dvd
金瓶梅視訊
live173影音視訊live秀
視訊聊天
173視訊
視訊交友
視訊妹
成人視訊
美女視訊
免費視訊聊天交友網
辣妹視訊
免費視訊聊天室
影音視訊聊天室
視訊聊天室
視訊辣妹
104meme影音視訊聊天室
ut視訊
0401影音視訊
免費視訊聊天
視訊軟體
uthome視訊聊天
558168視訊正妹免費玩
影音視訊
免費視訊秀
視訊會議
視訊鏡頭
免費視訊moligirl
情色視訊
色情視訊
視訊驅動程式
視訊盒
大中華視訊網
avtv99視訊
免費視訊美女
後宮視訊
視訊錄影
mfc視訊
meme視訊
免費視訊美女網站
momo520視訊美女

Unknown 说...

快播有聲黃色小說
第四色成人影院網
婷婷成人網成人影院網
XXOO情色網站
黃色情網
亞洲色圖網
歐美av15p圖片
hy777綠色成人電影網
丁香成人圖片
成人播播網
愛色影院
AV快播-電影天堂
擼白金電影
擼白金QVOD快播
擼白金影院
色天使我要電影
244影城
244電視劇網
244電影院
xxoo24在線成人視頻網
擼擼看電影網
愛色窩
紅色AV社區
擼飄飄影院
X軸影院是男人的網
狼窩影院
草榴社區五月擼
情色帝國
播色網
免費成年人電影網站
午夜電影劇場
成年人快播影院
誘惑絲襪性感電影
無碼色播網
02SSSS成人電影
BT成人電影網
吉吉影音先鋒成人電影專業網站
一起擼影院
激情的夜夜擼影院
狠狠擼小說
unnbg影院
百性閣
qvodav網站
愛色影音播放器下載
愛色成人
愛色島圖片
愛色女站
七七色
瑞碧成人綜合網
額去擼娛樂影視網

本 著作 除非另行註明 其它皆採用創用 CC 姓名標示-非商業性-禁止改作2.5台灣授權條款授權