【 更換主題選單背景 】

主題、選單是什麼呢?!

請看下圖你就會了解了

依圖片上的編號來修改需要的背景，再依《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語法哩!!







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