小屋創作

日誌2007-10-12 14:08

小屋另類修改教學 - 進階篇

作者:淵

  
  
  
  
昨天經過一番摸索之後...
終於搞定如何把小塊的勇造圖案、還有登入登出的按鈕圖片弄不見
因為祇是一個小小步驟而已,所以就再來寫一篇分享給大家嚕~~~
有興趣的人請先看完這篇
小屋另類修改教學
再來研究今天這篇吧XD

教學開始。


1.↓↓↓誠如大家所見,咱們一開始的勇者小屋圖片是這樣↓↓↓


2.↓↓↓我上一篇的教學是教大家變成這樣↓↓↓


3.可是就是會手癢想拿掉勇造圖案和登入登出圖案..換上自己想要的
 那就請把上次講過的語法再拿出來複習一下。


4.↓↓↓請在這段語法的最後一行加入下面這一句↓↓↓
.wide_wordbk7 img {visibility:hidden;}

5.整段完整的語法就會變成下面這樣


/*----------上方勇者小屋----------*/
.wide_password2{color:gray;}/*ID的字體顏色*/
.wide_line{
border:0px;/*信箱銀行和勇造VIP中間那條線,如果想拿掉的話就用0px,不想拿掉的話可以把這句border:0px拿掉*/
background-color:blue;}/*勇造VIP旁邊的箭頭底色*/
.wide_sev{
background-color:red;}/*信箱銀行勇造VIP的底色*/
.wide_sign{color:orange;/*等級的字體顏色*/
background-color:green;}/*等級的底色*/
.wide_wordbk7{
background-color:yellow;/*黃色底色*/
border:5px solid pink;/*外框那一圈粗粉紅色*/
}/*剩下的底色*/
.wide_wordbk7 img {visibility:hidden;}


這句語法是讓你可以把圖片抽掉,但是連結的部分仍然保留著,
所以勇造和登入登出這兩張小圖片就會自動不見了!!

6.所以也就是....
↓↓↓我原本是用這張底圖↓↓↓

然後我增加了剛剛上面講的那句語法之後,
↓↓↓↓我把圖換掉改成這張↓↓↓↓


這樣勇造大頭就可以不見了~~換成你想要的圖片:P

所以我的勇者小屋就變這樣啦~


7.預覽之後覺得還不錯的話就請按『確定送出』吧~~

11

22

LINE 分享

相關創作

【RPG公會】【六座協議專案】【射落王座.實】遮那王流離譚

【RPG公會】【六座協議專案】【射落王座.實】遮那王流離譚(二)

夜深了,一起陪我跳支舞吧?一起記錄著小屋20萬人的這一刻

留言

開啟 APP

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

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