創作內容

18 GP

【小屋】CSS自訂版面：進階─左邊、右邊，我幫你換邊

作者：莉薇婭莞夢│2009-03-25 15:36:11│巴幣：0│人氣：2605

最近新文：好玩的工具：讓你知道你的訪客在瀏覽那些頁面

　　（（Ｘ！等等要考英文我還在玩這個！））
　　嗯，沒看到效果？
　　那請你先按一下Ｃｔｒｌ＋Ｆ５　更新一下我家的畫面
　　（（按瀏覽列的「重新整理」或是「右鍵：重整」在巴哈很多時候是無實質效果的
　　很好，相信你看到了，你所看到左右對調的效果啦～

修改方式：
　→　小屋首頁：佈置版面

　→　佈置版面：自訂CSS

　→　各別搜尋DIV.LEFTOUT1和DIV.RIGHT
如下：
div.leftOut1{background:transparent;}
div.right {background:transparent;padding-top:15px;}

　→　在｛｝間各別加入float:right;和float:left;
如下：
div.leftOut1{background:transparent;float:right;}
div.right {background:transparent;padding-top:15px;float:left;}

　→　確認，送出，離開自訂ＣＳＳ畫面，ＣＴＲＬ＋Ｆ５確認效果

附註：
　◇　float:right;增加在div.left是無效的

【完成】

喜歡 18 收藏 25 引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=953558
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|版面設計|教學|CSS|分享|語法|修改|補充|

【回應備存】上傳功能說明、修改(橫幅/看板/背景)圖

【小屋】CSS自訂版面：文章標題和下方的上下篇連結顏色分開設定

【佈景套用】香甜花語─有細部修改語法。（修正：相關文章的奇怪斷行）

【小屋】CSS自訂版面：進階─部落閣:相關文章欄位篇

【小屋】CSS自訂版面：進階─頁碼按鈕樣式修改　篇

留言共 21 篇留言

魘小瀹：
噗哈~~
好厲害!

不過看了有點不習慣XD
我看了上方的選單會往右邊跑@@"

03-25 15:55

莉薇婭莞夢：
唔，因為我沒設定好XD
現在應該不會了^ˇ^03-25 21:21

皇羅：
如語超強的！這樣巴哈的小屋可以更有變化了！
(雖然我已經習慣它在右邊了)

03-25 15:57

莉薇婭莞夢：
所謂習慣成自然……

話說這個想法是來自自己在無名亂改的結果……
原想試試看上下交換，可惜屋頂是固定的ＸＤ03-25 21:22

新夜：
如語真的很強!!@~@
語法我是超級沒輒阿^^"

03-25 16:11

莉薇婭莞夢：
沒轍是因為巴哈的細部語法太多了
新手有心想學可能也無從學起XD"

改得好煩，前面的東西有誤差也都不想動了(~ ~):
更何況不知道什麼時候又會增加有得沒的一ˇ一:03-25 21:25

發米MK-II：
感謝分享~馬上玩看看

03-25 17:09

莉薇婭莞夢：
看起來改得很成功?
交換交換XD03-25 21:26

混沌的六翼天使：
感謝教學~

03-25 21:05

莉薇婭莞夢：
謝謝推推~03-25 21:26

笨芭樂一顆：
真的還蠻有趣的耶！

03-25 22:40

莉薇婭莞夢：
:")03-26 19:21

puredream：
很好玩的樣子呢～

借抄起來用囉XDD

03-25 22:49

莉薇婭莞夢：
歡迎使用ˊˇˋ03-26 19:22

音語：
換邊真的有點不習慣囧
收下啦~

03-25 22:58

莉薇婭莞夢：
哈哈~一時的一時的XD
習慣成自然03-26 19:22

阿利多斯：
真好玩呢XD
難怪你的東西會在左邊@@

03-25 23:58

莉薇婭莞夢：
沒看到這篇文會不會以為我家壞了~ˇ~?03-26 19:23

鎇狼亦瘋：
路過狼

謝謝分享=w=

不過想請教一下
某狼剛才嘗試套用這個語法
結果小屋的背景變成灰色了...
（以上是火狐的情況；換在IE看卻沒事＝　＝＂）
有沒有辦法讓火狐那邊的背景色換回來??

03-26 14:15

莉薇婭莞夢：
不是很懂你的問題方向，原則上這句語法並不會影響其他設定唷。
可能需要了解一下你的語法怎麼編寫的@~@03-26 19:24

鎇狼亦瘋：
這樣嗎-.-"

某狼只是很簡單的將巴哈原本的css換了幾個圖而已...
從IE看沒有問題，不過火狐的話背景會變灰色
像這樣的：http://img166.imageshack.us/my.php?image=firefox.jpg

03-27 00:26

莉薇婭莞夢：
你的小屋有別的背景圖片@@?
因為我看時不管按幾次CTRL+F5
除了看板和各欄位的框框沒別的圖耶...03-27 17:30

鎇狼亦瘋：
噢噢><"
剛剛發現了...
是某狼自己用的css裡本來就沒就設定背景色那項...
結果左右換邊後就露陷了XD"

抱歉打擾了(抹汗)

03-27 17:39

莉薇婭莞夢：
不會啦找到答案就好嚕˙ˇ˙~03-27 18:04

苙呰唲：
　　如語姊　－ˇ－ａ　妳……好閒。

03-29 06:15

莉薇婭莞夢：
嗯....考前摸魚

然後考得一蹋糊塗XD03-29 18:57

銀青風鈴草：
這篇真是太好啦!!!!!

03-31 23:19

筱筱：
謝謝分享我的小屋套用您的版面順便給他左右顛倒囉^^~
哈哈~~~好玩....

04-09 08:51

幻想：
喔喔~不錯耶~
其實我用慣了無名，所以還是比較習慣在左邊的感覺

04-20 10:48

→㊣~恍惚熊~㊣←：
這太好了.
我肖想很久了.
左右互換的結果是把主要文章往中央集中.
可以不用再盯著左邊斜著看了.
(^ ^)感恩哪~!

06-03 13:49

莉薇婭莞夢：
很高興有幫上忙XDDD06-03 21:34

紅：
好神奇~@@
等下次要改來試看看，
不過CSS真的好難，
一邊對照善心人士的說明文章一邊改
還是會改的亂七八糟=..=||||
真是一門高深的學問啊~XD
感謝您分享這麼有趣的語法~:D

06-10 06:59

莉薇婭莞夢：
不客氣˙ˇ˙06-13 18:33

0分先生：
good

06-14 10:38

艾卡多‧狄亞席斯：
真猛!! 換個邊換換心情也不錯

06-21 09:27

莉薇婭莞夢：
對呀ˇ對呀~~~
偶爾換感覺~06-21 22:10

Mo童：
..............我按了，可是沒有椰....是我太笨嗎?

07-23 13:09

莉薇婭莞夢：
?
妳改還是我家?07-28 09:08

我要留言提醒：您尚未登入，請先登入再留言

18 喜歡★indream228 可決定是否刪除您的留言，請勿發表違反站規文字。

前一篇：好玩的工具：讓你知道你的... 後一篇：亂想◇是樹‧守護...

追蹤私訊切換新版閱覽

作品資料夾

s9051035404 給大家：
日本實話怪談翻譯-業務K系列更新了~歡迎來我的小屋坐坐~看更多我要大聲說1小時前