創作內容

94 GP

自訂面板CSS教學文章的小屋～各小屋連結 (不定期更新內容~)

作者：38°C的雪娘│PSP 主機│2007-09-13 08:34:19│巴幣：2│人氣：16996

　　您喜歡佈置小屋嗎?看到其他美美的小屋是否也想自己來打扮一下呢?
小屋的自訂面板可以讓你修改編輯CSS來替小屋裝潢，但是CSS的東西是否會讓你感到陌生，別擔心，巴哈友許多網友熱心提供的教學，可以讓你學會小屋CSS的運用哦，快去看看吧!!

雪娘當初是CSS菜鳥，因為這些小屋提供的教學才慢慢學會佈置小屋，也體會到其中的樂趣，感謝這些巴友熱心提供的教學。大家在布置小屋時，千萬記得要隨時把CSS做備份哦!!(可以把整個CSS複製貼上到記事本裡面。)

【CSS小屋教學】
★小屋CSS結構表(各區塊分類解說圖)
詳細圖解小屋各區域為哪些CSS語法。

勇者小屋使用指南～小屋基本修改說明

自訂面板CSS教學文章～如語娃娃(indream228)

自訂面板CSS教學文章～夏日薔薇(janeyang)

自訂面板CSS教學文章～淵(houup)

自訂面板CSS教學文章～異(u4)

自訂面板CSS教學文章～兔(sindsiona)

自訂面板CSS教學文章～gn6824(藏鏡咪咪)

自訂面板CSS教學文章～joe0145(櫻澤楓)

★巴哈姆特勇者小屋自訂CSS規範
重要須知，修改CSS前請先了解。

【補充】
◆joe0145(櫻澤楓)部落閣
想搞個透明版面？自機CSS網誌範本概略公開中。

◆兔(sindsiona)部落閣
把那張醜醜的小屋統計表圖拿掉唷

【其他】
★CSS常用語法
常用的CSS樣式屬性(字體、背景等格式設定)

★巴哈LOGO 素材
如有創作需要，可到巴哈姆特九週年站慶活動網頁下載巴哈 LOGO 素材。
或是點選此連結下載。

【相關工具】
★北斗色彩識別器 ∣orfina0514(綾奈)部落閣介紹
讓你查詢某些顏色到底是哪些#?????組成的。

★網頁拍照線上工具∣emily7114(被遺忘的星星)部落閣介紹
想把佈置完後變美美的小屋整個拍下來嗎?這裡有很方便的網頁抓圖工具哦。
也有提供Firefox使用的抓圖功能擴充套件哦~

★分享簡單好用影像處理軟體--光影魔手 nEO iMAGING∣emily7114(被遺忘的星星)部落閣介紹
想把佈置完後變美美的小屋整個拍下來嗎?這裡有很方便的網頁抓圖工具哦。

喜歡 94 收藏 752 引用留言推上首頁

檢舉

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

相關創作

同標籤作品搜尋：|css|教學|小屋佈置|自訂面板|語法|小屋|修改|打造|

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

css - 大滅絕 (新版區塊解析)

CSS 完整攻略

小屋終於快改好了 "@ @"

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

留言共 133 篇留言

冬唯：
感謝整理，希望我也能做出這麼漂亮的小屋。

10-27 12:41

38°C的雪娘：
大大加油哦~10-27 15:50

晃：
太美了！華貴又不會雜亂，我愛這種風格:P。

10-27 22:16

38°C的雪娘：
^^
感謝哦~
新的拼盤重新設計過，這樣看起來比較整齊~10-27 23:17

神醫：
感謝^^

10-28 16:40

38°C的雪娘：
謝謝您的收藏
希望對你有幫助~10-28 19:55

歐逆大人：
很豐富的CSS教學:-)

11-02 20:12

38°C的雪娘：
感謝大大的收藏哦
希望對您有幫助~^^11-03 15:33

思某無：
真是太厲害了！我好愛><

11-02 21:30

38°C的雪娘：
大大加油哦~
希望能對你有幫助!11-03 15:34

思某無：

11-02 21:32

Sanro.(塑膠樹)：
直接問一下雪娘大大QQ..
請問您GP格子上的圖..
照理說應該跟巴哈預設圖那邊一樣QQ..

請問您是怎麼弄掉的呢><...

11-03 19:34

38°C的雪娘：
如果是指紅心評價區可以看這教學哦
CSS-修改評價區圖

右邊的GP,BP的地方呢
GP、BP圖案修改
大大試試看吧~11-04 09:20

Sanro.(塑膠樹)：
感謝雪娘大..QQ剛好把評價區的紅心圖弄掉哩..
雖然不是我想問的>Q<..

再問一次雪娘大QQ..
就是..我屠完龍之後..改成自己的圖
但要看文章的時候QQ..

GP欄也會顯示圖片不是嗎QQ?
這樣就跟文章有一段不小的空白..

請問要如何把那個空白給消除呢><..

11-04 09:48

38°C的雪娘：
問題就是padding-left:200px;
大大或許是因為想要讓GP的欄位寬一點所以才這樣設定
但是這樣就會讓部落閣文上面多出空白了

建議把部落閣欄位圖片移到右邊
改成
padding-left:20px;(或依照自己需要停整)
background-position: RIGHT;
可以恢復正常

雪娘就針對問題排除
剩下的最佳化配置大大就請自己研究吧~11-04 11:30

°蹦★小喳﹑：
嘎，

謝謝大大捏 (*・∀-)ｂ

我會盡力的 ˙ˇ˙

11-04 12:04

38°C的雪娘：
加油哦~~~11-06 22:29

Sanro.(塑膠樹)：
了解的說..現在已經恢復原狀了(淚)..
感謝雪娘大的熱心指導..
來去忙期中考哩...

我是來衝人氣的最後一行(誤XD)

11-04 14:56

38°C的雪娘：
不客氣哦~^^11-07 10:58

God Bird：
推一個

最近在找css的用法

這真的太有用了

偷藏@@

11-06 20:38

38°C的雪娘：
歡迎大大收藏~
希望能對您有幫助!11-07 11:09

小愛將：
實在是獲益良多!

11-07 21:38

38°C的雪娘：
多謝哦~11-08 23:47

娜依秀：
我也想要像雪娘大的首頁一樣
能夠用一張大圖從上方的最大圖片空間貫穿到勇者能力值的區域
但我不想要做到掀屋頂那樣
可是我發現我雖然可以把那幾個區塊弄成透明
但是卻不會放圖耶 QQ
我要用什麼語法才對呢?
曾嘗試過用背景的語法
可是卻變成修改到最外框的部份 ><
(右邊廣告的再外面
那不是我要的樣子啊 QQ
請問我該怎麼做才好呢?

11-10 01:01

38°C的雪娘：
大大收信哦
雪娘有回復~^^11-10 22:12

雪梅娘：
這篇真是太棒了T.T/~
謝謝雪娘囉~~我帶走了(@@~

11-10 20:18

38°C的雪娘：
雪梅娘是雪娘的姐妹嗎? XD
歡迎哦~11-10 22:17

夜煌：
我第一次看到這網頁時，還以為這是站方特地做出來給巴友
看的教學網站咧.........................囧

11-11 21:23

38°C的雪娘：
有些連結是站方的教學~不過都是基本而已
網友的教學還比站方豐富呢~11-12 22:58

賈斯汀Justin：
雪娘大~請問要如何才能像妳的小屋首頁
勇造旁邊的那附近區域能變成完全透明(目前是半透明

11-11 22:24

38°C的雪娘：
您好哦~
改以下語法

/*--小屋封面圖--*/
加入
height:0px;

/*框架*/
.infom_bk{
背景改成以下
background:none;

看到大大的小屋應該是已經解決了吧~11-12 23:04

芯璇：
雪娘又整理出詳細的資料了

推推

芯先把他收藏起來先~

感謝你的用心謝謝分享~

11-13 23:33

38°C的雪娘：
希望對芯璇大大有幫助哦，感謝收藏哦
您的小屋很漂亮呢!11-14 22:19

nanahikari：
最進準備踏上修改小屋不歸路了,QQ" 感謝提供

11-14 09:23

38°C的雪娘：
佈置小屋相當殺時間和腦袋呢~^^
大大加油!11-14 22:20

nanahikari：
看到你來看我小屋,真有點悽涼的感覺

最近花了三四天了東看看西找找

看了好多人的教學與方法還是弄不好

往往弄了一些某個環節一卡就又耍脾氣重置了

到底民國幾年弄的好呢ˇˇ?

11-14 23:35

38°C的雪娘：
悽涼的慶祝主題?
大大要靠點耐心哦~
雪娘改造小屋也是遇到許多問題~
慢慢來吧~11-15 23:26

銀閃之盾：
版大大
我也收藏在我的小屋喔^^""

真的是不錯的東西~~~
可惜我天份不夠恐怕要多點時間參悟了(泣)

11-15 12:03

38°C的雪娘：
感謝收藏呢!
大大努力學習，加油哦!11-15 23:41

小月：
感謝整理~
已收藏^^

常常因為要改css而在站裡找半天，
看到整理出來的名字真的是笑了，
因為都是些常去的小屋^^"

11-15 14:02

38°C的雪娘：
謝謝您~
希望這資訊對你有幫助~11-15 23:41

nanahikari：
目前好不容易把背景圖上去了,只是= =....

目前想把所有的框框跟框線弄成透明的

可以透視到背景但昨天弄了一晚上還是弄不好

雪娘阿,救救我吧XD

11-16 15:11

38°C的雪娘：
雪娘剛去看
你的小屋沒有任何框線了~
完成了嗎?11-17 16:36

nanahikari：
目前剩下文字都白白的= =

11-16 17:50

38°C的雪娘：
大大小屋修好了嗎?
剛去看似乎沒什麼問題?11-17 16:38

nanahikari：
乾脆把背景換暗一點的了...弄到快瘋了XD

11-16 19:23

38°C的雪娘：
加油哦!11-17 16:38

nanahikari：
目前只剩給紅心那邊那塊白白的弄成透明就OK了

請問該怎麼做= =?

11-16 22:19

38°C的雪娘：
大大手腳真快
雪娘回覆的慢，大大就已經解決了 XD11-17 16:44

nanahikari：
給紅心那一塊白白的還沒解決

呵呵,看到今日訪客就又點過來了= =

其實是我比較不好意思啦!

一連留了好幾篇真是抱歉@@

現在只剩給紅心那一塊白白的

不過目前不知道怎麼用XD

11-17 17:12

38°C的雪娘：
大大很棒哦
每次問題都是自己解決
雪娘回覆速度都來不及幫上忙
抱歉囉~^^11-19 09:05

阿熊人：
讚>v<

11-17 20:27

38°C的雪娘：
^^11-19 09:39

小桔：
QAQ

11-18 11:46

38°C的雪娘：
>//<11-19 09:56

nanahikari：
也沒有= =

其實也花了好大一番功夫

你的新主題很棒喔!

11-19 14:30

38°C的雪娘：
謝謝囉~11-20 21:01

無言：
推啦!!!!

11-19 14:49

38°C的雪娘：
謝謝~^^11-20 21:03

客套六百：
推文打氣！（￣▽￣）y

11-20 16:16

38°C的雪娘：
感謝哦~^^11-20 21:29

小AR：
哇哈哈~~我喜歡>///<

11-21 13:26

38°C的雪娘：
謝謝哦
希望對你有幫助11-22 10:14

女亭：
感謝分享
希望我也可以整理出漂亮的屋^^
3Q
可能要先研究研究:P

11-23 21:32

38°C的雪娘：
佈置小屋，美工方面也要下一點功夫
畢竟小屋幾乎有7成都是用圖片來搭配的
大大加油囉~11-23 22:15

st002：
是我太笨嗎＝　＝　好幾個不會用

11-25 19:06

38°C的雪娘：
@@11-27 21:50

嘻哆郎：
感謝分享
總算有個概念弄小屋

12-03 17:59

38°C的雪娘：
加油哦 ^^12-04 21:47

蘇子：
偷走♡～ˋ( ° ▽、° )

12-20 20:45

38°C的雪娘：
歡迎 ^^
偷乾淨一點哦12-21 21:58

st002：
雪娘大．．．
冒昧的請問一下
我的小屋
外框背景色只到右上方的小圖示就沒了
可否到我的小屋看一下了解問題呢？
感激不盡

12-22 19:42

38°C的雪娘：
真抱歉~好久沒回復
不知道現在雪娘是否還幫的上忙? @@01-11 20:29

まどか御守：
^^超優文唷

12-25 08:06

38°C的雪娘：
謝謝~
希望能對您有幫助 ^^01-11 20:32

夏：
謝謝...正在研究..收藏先...^^

12-30 16:40

38°C的雪娘：
歡迎哦01-11 20:35

虹柔夢：
謝謝^^我收藏了~

12-31 16:27

38°C的雪娘：
歡迎收藏~ XD01-11 20:36

櫻桃漾漾：
收下嚕>\\\<正在找一大堆語法斗

01-03 10:17

38°C的雪娘：
歡迎哦01-11 20:40

純粹+：
方便的連結XDD

01-05 09:16

38°C的雪娘：
歡迎收藏哦 ^^01-11 20:43

金：
好文收收

01-05 10:08

38°C的雪娘：
謝謝^^01-11 20:47

金：
從看妳的小屋後
就下定絕心要學css語法
能把小屋用的美美的還真有成就感

01-05 10:10

38°C的雪娘：
貝米爾加油哦~01-11 20:47

蒼毓：
感謝大大分享整理

01-05 15:08

38°C的雪娘：
不客氣 ^^01-11 21:01

薄紗下的誘惑：
感謝雪娘幫忙><

01-05 15:09

38°C的雪娘：
不客氣囉~01-11 21:01

Sanro.(塑膠樹)：
不好意思..在來問雪娘一下XD...
最近在下的小屋要重新裝潢..
可是..在下框架的部份之前不知道改到什麼了..
全部變成長方形=.=+..不知道是不是因為調顏色的關係QQ..

不過之後要把原本的語法貼上去重新再來...
所以想問雪娘幾個問題><...

就是阿...像個人相關訊息那欄..QQ
請問要用什麼語法才能像雪娘那樣帶點漸層的顏色呢=口="..
還有就是雪娘小屋右邊那一長條粉色的...在下也不知道如何用><..
麻煩雪娘了...>"<

01-06 16:44

38°C的雪娘：
雪娘有回信囉
有問題可以問哦 ^^01-11 21:16