創作內容

8 GP

門外漢寫的,背景變透明教學,不懂不要問我-_-

作者:赫斯蒂亞│2007-09-13 20:08:15│巴幣:0│人氣:1222
首先,選個喜歡的圖當背景,像我選的是藍色的花花.

大小1024*768,上傳至網站設定好背景.

再來是 如語娃娃 (indream228)大大提供的,把中間和右邊的底改透明的語法.
以下請複製貼在CSS最上面.

/*-------------小屋區表單背景設定-------------*/
div.left {
background: none;
}
div.leftOut1{
background: none;
}
div.leftOut2{
background: none;
}
div.leftDown {
background: none;
}
div.right {
background: none;
}
div.rightTop {
background: none;
}
div.rightDown {
background: none;
}
div.container {
background: none;
}
div.main {
background: none;
}
div.mainOut {
background: none;
}
div.footer {
background: none;
}

按預覽會發現,看見一點花花了^^

接下來是右邊的內文改成透明.
感謝淵 (houup)大大這篇:小屋系統預設圖片更換教學 - PART 5

以下請複製貼在CSS最上面.

/*------右下的標題list格式-------(就是白色那一塊)*/
.post_list{
background:transparent;/*讓你把白色改成別的顏色*/
color:#ff884c;/*文字顏色*/
}
/*-----今日訪客等等的灰色外框-----(紅色那一塊)*/
.postbox2{
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線,這讓你改那一條*/
background:transparent; /*讓你把灰色換成別的顏色*/
}
/*-----post_list裡面改不掉的那一圈白色-----(藍色那一塊)*/
.postboxin{background:transparent;/*讓你把藍色塗掉*/
}

鐺鐺~預覽之後會發現,右邊今日訪客那一排,背景和內文都變成透明嚕^^

再來,剩下中間的內文.
...這個,明天再PO,還沒研究出我自己改了哪邊XD
改一改就給它忘記了,哈哈.
應該不會看不懂吧,都是複製貼上的東西-_-
要是真的看不懂,記得,不要找我...因為我也不懂XD
(迷:看啥?沒看過不准問的教學嗎?)

________________________________________________________________
跟大家說聲抱歉,拖稿拖好久@ @
中間還有上班啦,加班啦,還有我找不到改了哪邊,
現在終於...讓我找到啦~~~(好感動)

剩下中間的內文變透明吧?
這次不是複製全部貼上,而是要貼在指定的地方,
所以自己要找一下囉!
transparent;
把紅色的複製下來,然後在自己的CSS找到下面的語法:

border-left:1px transparent;
border-right:1px transparent;
padding:17px;
background:transparent;
}/*內文的背景色*/

貼好後預覽看看,中間的內文應該背景就變成透明囉^^
希望大家都順利把小屋設計成自己喜歡的樣子喔.
__________________________________________________________
看來,我漏掉了一個地方.
就是勇者基本資料那邊= =
跟上面一樣,要自己找一下.
因為他只有改一個地方,不是全部複製貼上.

transparent;
把紅色的複製下來,然後在自己的CSS找到下面的語法:

.infom_bk{
border-left:1px transparent;
border-right:1px transparent;
border-top:1px transparent;
padding-top:10px;
background:transparent;
}/*小屋首頁-勇者資料區背景色*/

改了紅色的地方之後,就會發現勇者基本資料那邊變成透明嚕^^
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=414593
Some rights reserved. 姓名標示-非商業性 2.5 台灣

相關創作

同標籤作品搜尋:|巴哈|

留言共 10 篇留言

弘羽
先收藏...以後哪天有興致再來研究...最近不太想弄小屋~"~

09-13 21:53

赫斯蒂亞
腦細胞再度死掉幾十萬...
我的神經很大條,改好了就忘了我改哪,
現在可苦了-_-09-13 22:37
財盧小
屙....
電腦白癡自動退散....(就是我啦><)

09-14 00:59

赫斯蒂亞
...感謝留言-_-09-14 01:18
林鴻鈞
err 頭疼中...

09-14 17:45

赫斯蒂亞
可以解釋一下啥意思嗎= =?
好深奧的err...不懂(歪頭)09-14 18:52
米克諾斯
給你GP

09-15 14:55

赫斯蒂亞
收的好心虛的GP...
我拖稿了-_-研究不出我自己改了哪邊.....囧09-15 21:19

看完之後還是霧煞煞的

哈哈

09-16 14:13

赫斯蒂亞
-_-

其實讓人看不懂就是我的最終目的,
爸媽,我成功了~~~09-16 21:17
墮落腐海の小兔子
我就是想要這教學@@

10-07 10:51

赫斯蒂亞
@ @
不嫌棄請收下M(_ _)M10-07 18:33
櫻澤楓
其實用背景最好是用1280x1024以上
這裡的巴友不只是用1024x768觀覽,所以應該全盤要考量到才是。XD

10-08 02:27

赫斯蒂亞
喔喔原來如此!
謝謝妳的提醒喔^^10-08 15:16
Naki
我要找的就是這個,感謝你:D

10-10 21:20

赫斯蒂亞
請收下^^10-11 09:22
幽夜雪
感謝教學阿(鞠躬)回家再來用(燦笑)

10-24 10:06

赫斯蒂亞
請慢用啊XD10-24 10:40
闇葉
好棒喔ˇ搬回家用>///<((心

09-13 14:21

我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:對不起,我把某人的水球不... 後一篇:被點了...北鼻來,幫我...

追蹤私訊切換新版閱覽

作品資料夾

chocomint
UTAU音源配布~柊雪誕生四周年快樂(^∀^●)ノシ看更多我要大聲說1小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】