首先,選個喜歡的圖當背景,像我選的是藍色的花花.
大小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;
}/*小屋首頁-勇者資料區背景色*/
改了紅色的地方之後,就會發現勇者基本資料那邊變成透明嚕^^