創作內容

48 GP

小屋另類修改教學

作者:淵│2007-10-09 19:17:18│贊助:0│人氣:6922
 
 
好...今天我很乖,來寫教學了
剛剛逛別人小屋的時候發現這地方也能改,
於是手癢研究了一下...
順便來寫個教學分享給大家吧:P

今天要教大家換的是這裡


記得先備份哦~

教學開始。


1.請各位打開


2.下面這段文字是本來沒有的,要自己新增哦~~~等一下會有文字敘述給大家


3.為了讓大家容易了解,所以我把勇者小屋這裡用顏色做了一下區分


4.換成文字敘述就是像下面這樣嚕,各位可以複製回家用



/*----------上方勇者小屋----------*/
.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;/*外框那一圈粗粉紅色*/
}/*剩下的底色*/


5.預覽之後覺得不錯就可以『確定送出』嚕~~~







以下是進階教學(??)

6.可能有人覺得,上面講到的黃色部分想換成用圖片當底色怎麼辦...
這裡請注意一點,巴哈在勇者小屋黃色這一塊的預設大小約是201*68
換句話說就是,你的圖片寬度請不要超過201px,因為會讓版面變形。

可是...那高度呢?
如果你的圖片高度超過了68px,那沒關係,
請在剛剛上面講過的這段把padding加進去,
像下面這樣↓↓↓


.wide_wordbk7{
background-color:yellow;/*黃色底色*/
border:5px solid pink;/*外框那一圈粗粉紅色*/
padding-top:0px;/*與最上面的的高度差距*/
padding-bottom:0px;/*與最下面的高度差距*/
background-image: url(http://圖片連結);
}


7.可能還是有人看不懂,那拿我自己用的語法例子來說
我在這段的語法是這樣↓↓↓↓

.wide_wordbk7{
background-color:#fcd8d8;
padding-bottom:20px;
padding-top:20px;
background-image: url(http://圖片網址);
border:1px solid pink;
}/*剩下的底色*/


圖片底色是這張


所以就會變成....
+
||

這樣講不知道有沒有人看懂XD


好...胡言亂語完了,請各位要記得備份哦~~~~~
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=667562
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 55 篇留言

夏日薔薇
( ′▽`)-oGP

10-09 19:19

阿築
搶頭.....厄....人家是第二個QQ
很好的教學~推啦~~

10-09 19:30

琉璃
謝謝淵姐的教學 ~ ^_^

10-09 20:03

雪柳
呵呵~不錯的教學!
送橘皮啦︿︿

10-09 20:44

玲麗
( ′▽`)-oGP

10-09 21:46

綾奈
推!推!

10-09 22:02

羽兒
強力的推~~~~~~~~~
GP我丟

10-09 22:43

鉛筆貓
淵姐好棒阿!!!(唐牛樣

10-10 00:38

輕鬆自在
耶~~改好了~感謝阿~^.^

10-10 01:01

麥香泡麵
GOOD

10-10 07:48

letmedo
太棒了~~~不推不行

10-10 08:03

MOMO姐姐
謝謝教學

10-10 12:51

38°C的雪娘
很棒的教學呢~
感謝大大~
雪娘回去打扮~

10-10 21:48

Elizabeth
寫的滿棒的,感謝分享。

10-11 01:15

文月.魚
剛剛好想要XD

10-11 08:39

炎髮灼眼的殺手!!
@@哇塞....淵姐妳也太厲害了!!!

很感恩分享喔!!!

10-11 20:44

黑色葉子
說明的很詳細呢!!
謝謝分享~!!

10-14 20:03

~Ceylon錫蘭~
大推感謝啊!^^

10-15 23:00

威廉
解釋的真清楚

10-17 07:49

1
好文只事要研究一下才行

10-18 00:23

1
我想問一下顏色的文字

看不懂

10-18 00:35

北溟
感謝分享~ ( ′▽`)-oGP 

10-20 18:05

cfevenfish
好有趣 @口@!

10-24 06:38


很棒的教學

10-25 09:36

小漾
幫助很大

10-26 15:01

小漾
請問要怎樣才能像你一樣~美樂蒂這個英文字覆蓋原來的等級字樣

10-30 14:28

阿基仔
看不太懂咧~
不過我會試試看的

11-05 21:07

無法參加站聚的田村君
教學的太好啦~~

11-07 11:29

小桔
( ′▽`)-oGP   

11-10 15:06

悠卹某朗
很詳細 謝謝

11-11 16:47

小猴子
這樣我可以改變一下
GP接好

11-13 17:05

暫時關閉
謝謝你^^
帶走摟~

11-16 17:50

Aquarius楓
不好意思想請教一下...

這個小屋的邊框的語法在哪邊~"~

想把這個邊框消除,可是不知道要在哪弄=.=

收藏了,感謝^^"

11-17 13:09


粉紅色那圈就是11-18 01:29
Aquarius楓
謝謝解答^^"

11-18 02:33

活剝開朗的女孩
不好意思…想請教一下…

如果要改…信箱、Blog、勇照、銀行這些字體的顏色…應該去哪裡修改呢!

煩請大大幫忙小弟解答了!感激不盡!!

11-20 14:50


用的到耶><~謝謝分享

11-23 13:56

月鈴
好詳細的解說,謝謝>口<+
(結果也是來扔雞皮的XD)

12-10 10:25

弦月巧遇知音行
真棒又多學一些!!

12-11 16:12

蒼雪
超詳細的~

12-22 12:54


:)如果還有問題可以留言問哦12-26 19:26
。卡卡伶。
很詳細的教學
謝謝分享
收藏去^^

12-22 13:24


^^12-26 19:26

找個機會試試

12-23 17:52


^^12-26 19:26
櫻桃漾漾
( ′▽`)-oGP

12-28 06:31

舞小雪
大大= =
為什麼你的圖弄上去之後
勇造 等級 那些都自動往上移呢 = =?
我的都原地不動= =
我圖跟勇造 等級那些對不準~"~
請教大大該怎修改QQ?

12-29 23:15

點的是煙‧抽的是寂寞
推推推

01-13 18:31


謝謝你~~

01-16 00:51

蕾娃娃
你好!我想請問~

小屋首頁~最上方的巴哈姆特首頁連結的地方~如何透明化

收錄精華~以及部落格內的文字顏色~如何做更改~我找好久都無法更改

你的教學我看的好清楚!非常謝謝!

01-28 17:43


小屋首頁~最上方的巴哈姆特首頁連結的地方~如何透明化
↑ ↑這個之前有說過,應該不會釋出教學02-01 01:37
蕾娃娃
是喔...沒看到的說><"~

有人有說明的嗎~~><~ 好想用整體感的樣子

02-04 12:43

ㄚ慶
先收了 感謝(研究中

02-10 18:52

小角落..
寫的太讚了~~感謝你的教學>Q<

02-13 16:23

混沌的六翼天使
感謝您的教學!

02-18 02:16

霍元丙
不推我還是人嗎???!

03-06 19:42

伊露依
不錯喔,謝嚕

03-11 21:18

Overdress
第4項的敘述如何與6 7項合併
貼到CSS呢?
我用一直格式錯誤
/*-------------------------最上方顯示大圖------------------------*/

/*----------上方勇者小屋----------*/
.wide_wordbk7{
background-color:yellow;/*黃色底色*/
border:5px solid pink;/*外框那一圈粗粉紅色*/
padding-top:0px;/*與最上面的的高度差距*/
padding-bottom:0px;/*與最下面的高度差距*/
background-image: url(http://圖片連結);
}
這語法錯在哪?

04-18 20:13


第七點基本上就是第四點裡面最後一項的內容呀~~04-18 20:40
大鈴b
厲害

06-17 10:18

小雪
感動阿~

08-07 17:45

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

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

前一篇:閃光... 後一篇:愛情...

追蹤私訊

作品資料夾

sarsfrenk各位巴友
小屋更新啦~ COD有趣時刻~ EP5看更多我要大聲說5小時前


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

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