【更換主題選單背景】

主題、選單是什麼呢?!

請看下圖你就會了解了

依圖片上的編號來修改需要的背景，再依《NO》裡的語法更換你想要的圖片

《NO.1》

這是更改上方的個主題整行背景，請找到下面的語法，將圖片插入黃色字內即可。

/*---------------------------主選單---------------------------*/
.menu{
background:url(插入圖片網址) no-repeat;
height:35px;

《NO.2》

此部份分為兩個步驟，這是分類選單"選定"時的背景，
在剛剛的語法下面找到此語法，將圖片插入黃色字內即可。

}/*選單背景圖*/
/*----選單所在頁面狀態----*/
.menuIN{
background:url(插入圖片網址) no-repeat;

第二個步驟，是更換分類選單游標"移動"時的背景，
繼續往下找到下面黃色字的位置，插入圖片即可。

/*----選單非所在頁面狀態----*/
.menuout {
font-weight:bold;
COLOR:#7C7C7C;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
.menuout a:link,.menuout a:visited {
font-weight:bold;
color:#7C7C7C;
height:35px;
line-height:35px;
text-align:center;
}
.menuout a:hover {
background:url(插入圖片網址) no-repeat;

《NO.3》

有看到圖示裡標明的三個位置都是3號嗎!因為這是一個語法同時修改三個主題背景
請先找到下面的語法...

}/*小屋首頁－勇者資料區背景色*/
/*----外部大框架設定----*/
.category_title{
background:#684FA9;

接下來請將黃色的字改為下面的語法，並插入你要的圖片即可。

background-image : url(插入圖片網址);

《NO.4》

這部位修改的地方有5個，請依照黃色字體修改色碼

/*---------------------------次選單---------------------------*/
/*----無次選單狀態----*/
.menubarA1{
background:#AFE8F0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:1px solid #5CBAC8;
}/*次選單與主選單連接部分*/
.menubarA2{
background:#EBEBEB;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:0px;
}/*次選單結束部分*/
/*----有次選單狀態----*/
.menubarB1{
background:#AFE8F0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:0px;
}/*次選單與主選單連接部分*/
.menubarB3{
background:#D8F1F4;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:1px solid #5CBAC8;
padding:6px;
text-align:left;

色碼表一覽

只要照著上面的指令，找到相對應的位置，就可以更換主題選單背景囉~^^~

小小叮嚀：記得換好圖片時用預覽來確定是否正確喔!

《特殊公告》

巴哈的CSS進入位置已經改變囉!
就在首頁上方佈置小屋旁【自定面版】，從這進去就可以修改CSS語法哩!!

謝謝大家來上課，有任何問題歡迎留言~^^~

LINE 分享

留言

2007-09-04 19:20俾斯麥：
=ˇ=耶~頭香....

終於有圖可以看了ˊˋ

2007-09-04 19:50藏鏡咪咪：嘿呀!原本想要手寫~但是發現這樣解釋可能不清楚，
所以就貼圖上來給你們看比較方便
2007-09-04 19:43白菊：
呃...沒有頭香

感謝提供教學^O^

標示很清楚^^
2007-09-04 19:51藏鏡咪咪：謝謝~有問題可以再問我^^
2007-09-04 19:48心豚肥宅：
咪咪最近都在研究這些喔～！
2007-09-04 19:50藏鏡咪咪：對呀QQ...因為我比較不會打字，所以教學的文章都很慢，
有需要我提供濕圖嗎0.0
2007-09-04 20:16放空ing：
千呼萬喚!!!
就是在等這個啦~~~(羞奔

咪咪你是好人(發卡?XDD
2007-09-04 20:42藏鏡咪咪：嗚..我被發卡哩!
2007-09-04 22:42侯：
附加圖片的教學
真的好用心
2007-09-04 23:51小剛使出喬伊小姐：
還蠻複雜的= =

只要將圖片插入就可以了嗎@ˇ@?

還是要修改選單圖0.0?

再次謝謝咪咪大人教學XD
2007-09-05 08:27藏鏡咪咪：假設你想把編號no1的那一行改成自己想要的圖片，
那就只要把圖片網址貼到黃色部份去就可以了。
2007-09-05 09:07白橘子：
我問一下唷!!
最上面主題選單
下方那條細細的線
要在哪改顏色我都找不到
2007-09-05 09:18藏鏡咪咪：你說的是不是我用紫色覆蓋掉的地方?
2007-09-05 09:21藏鏡咪咪：我有去你的小屋看過，大概知道怎麼回事了，
《NO.2》的教學你少做了一個步驟，
這裡是需要改兩個語法，照著上面做就可以了^^
2007-09-05 09:32威爾伊斯麥海德：
噗......難怪找不到CSS(還以為功能被移掉了)
2007-09-05 10:13白橘子：
改選單圖我是會啦
之前有試過不過把他弄掉了

我的意思是說選單圖下面細細的那條線
原本是藍色大大你的已經改成紫色了

不曉得是改哪一個地方的色碼

(話說 CSS的功能怎麼不見了)
2007-09-05 10:42藏鏡咪咪：《特殊公告》

巴哈的CSS進入位置已經改變囉!
就在首頁上方佈置小屋旁【自定面版】，
從這進去就可以修改CSS語法哩!!

另外你要修改的地方，晚上我會補上教學，
因為要改的部份比較多一些~
我竟然忘了放這個地方的教學XD
2007-09-05 10:31風的名字：
謝謝妳><"

我剛剛也找不到我的css...嚇死我了

先來去整修小屋~
2007-09-05 10:45白橘子：
沒關係
我剛剛去CSS裡面找了一下
竟然被我發現了呵呵!!
那個是次選單裡面改^0^
(我一個色碼一個色碼找!)
2007-09-05 10:48藏鏡咪咪：沒錯~就是在次選單裡面~要改好幾個部位^^
2007-09-05 14:35隨風~簡單：
咪咪好認真呀XD

隨風改天有空也來好好改一下小屋~~佈置的漂亮一點

到時候就要借重妳的文章內容來充實我的知識了哈哈!!
2007-09-05 15:43林：
咪咪是好人
2007-09-06 00:28放空ing：
看到新的了一ˇ一
耶斯來去修改(親

(飛走~~
2007-09-06 19:23美聲♀淚小喵：
謝謝教學^^~ 很棒~
2007-09-07 02:58路人喵：
我找了好久了說

要改第四個我都不知道有誰教

謝謝妳^^

幫了我大忙…
2007-09-07 05:24陳香妹：
咪咪
我剛剛看了你這個教學
改成功了
謝謝你唷
顆顆：Ｄ
2007-09-08 01:28卡爾．Ｊ．山德羅：
感謝屋主的分享與教學唷^^
我把它收藏起來^^
GP給予^^
2007-09-08 18:29拉提沃☕：
收～
每一篇尾端都有中國娃娃耶
很可愛ＸＤ
2007-09-09 08:15七劍下天山：
我想先用背景可是胎都要貼網址
我執會抓圖片在桌面可是沒有網址阿
網址部會用~"~ 交交我-.-
2007-09-09 11:55藏鏡咪咪：那就需要上傳到空間裡面喔!
像是中華電信、亞太固網的用戶都可以有免費的空間，
或是你去香港奇摩也是可以的。
2007-09-10 03:20龍薩爾達：
用心寫的教學﹐好。 ^ ^
2007-09-11 00:04薄紗下的誘惑：
我想改背景和上方圖片

要怎麼改呢
2007-09-11 01:28藏鏡咪咪：請問你上方圖片是想要加大嗎?如果是的話照著下面做

/*-----------------------最上方顯示大圖-----------------*/
.banner{
background: url(你的圖片網址) repeat;
height:120px;

找到上面那串語法後，把120那個數字調成你想要的高度就可以了

背景的部份，不知道你是要改什麼地方呢?
2007-09-12 20:44血烏鴉：
謝謝教學~
2007-09-16 00:19龍騎士小123：
我用按了制定版頁但是都說要升級權限要怎用才能更改?
2007-09-16 00:22藏鏡咪咪：要手機認證以上才可以更改版面喔^^
2007-09-16 16:44秋穗澪：
請問大大什麼可以令到文章是透明因為我看了好久都好像找不到@@
2007-09-17 09:03藏鏡咪咪：必須配合到透明語法+背景固定語法，
修改的範圍是所有動用到有關底色或底圖的css語法，
這部份翻修是算大工程，有機會再po教學QQ
2007-09-18 15:13ExclaiminG：
佩服佩服
2007-10-12 18:55芯璇：
好厲害
謝謝你的分享啵啵
2007-10-19 23:11紫苑：
謝謝分享
2007-10-23 18:52路：
感覺好複雜><
屋~~我不要用了啦><..
2007-10-26 14:21小漾：
我想請問一下..像您這樣背景是黑色的底圖要怎麼改呢

語法是哪一行做變動呢
2007-11-04 17:54張弦：
為什麼要改色碼
http://i217.photobucket.com/albums/cc18/baihigh110688/0101279428761070.jpg
這是我想用的圖
那色碼要怎麼改
改色碼那邊不太懂
2008-01-11 19:47凡爾賽玫瑰：
大師!!

太棒了(˙ˇ˙)

我竟然看得懂耶 (˙﹃˙)〉''
2008-01-11 23:11凡爾賽玫瑰：
姊姊~
有些地方不懂了~~請恕冒昧一問~

小屋右邊的(分類框、訂閱布洛格、最新文章、文章分類)的底色要如何變黑的?
還有還有~~

最上面 {巴哈姆特}大LOGO旁邊的顏色要如何變勒 (˙﹃˙)〉?

懇請姊姊幫忙~~
2008-01-25 17:22Mi寶：
請問一下～我的頁面有三四條白白的線

我要如何消除或透明化勒？？

交交我～＂～拜託　謝謝
2008-02-02 17:23藏鏡咪咪：看你的小屋已經佈置好了~很棒喔!跟我一樣的暗黑風格
2008-02-01 13:45蜜拉貝兒：
安^^~謝謝分享唷
還有些不太懂的地方^^"
例如:
請問如何改變右欄(分類目錄.最新文章.最新留言)的底圖?
如何固定背景圖?浪版面透明化呢? ~"~?
2008-02-12 23:41まどか御守：
抱歉~學習中(推推
2010-03-03 16:40字伏紅煉：
實用~
2010-03-17 01:53玖玖：
謝謝你喔><

小屋創作

日誌2007-09-04 19:14
【更換主題選單背景】

相關創作

第七章醫療所

[AI tutorial] 劍星 Stellar Blade EVE 製作技巧

第三章方緣操作手冊

留言

日誌2007-09-04 19:14【 更換主題選單背景 】

相關創作

第七章 醫療所

[AI tutorial] 劍星 Stellar Blade EVE 製作技巧

第三章 方緣操作手冊

留言

日誌2007-09-04 19:14
【更換主題選單背景】

第七章醫療所

第三章方緣操作手冊