※:因小屋已於2010年11月4日改版後廢除CSS功能設計,即日起本篇文章已無參考作用,僅保留作為歷史文章精華之用途。其實若不是該板友首次發現的話,今天應該也不會寫這篇教學了(笑)
如題所言,這應該是要教如何改掉動漫櫃選單的背景、以及字型
當然找個自訂背景移入也是可以的。
選單範例如下:
/*------------------------------動漫櫃分頁選單-------------------------------*/
.pointer{
background-image:none; /*背景圖像隱藏(或是可以自設背景)*/
height:26px; /*選單高度*/
}/*動漫櫃選單*/
.pointerIN{
background-image:none; /*背景圖像隱藏(或是可以自設背景)*/
font-weight:bold; /*粗體字型*/
color: #51262B; /*選單字型顏色*/
height:26px; /*選單高度*/
line-height: 26px;
text-align: center;/*字串居中*/
text-decoration: none;}/*所在選單背景、字型設定*/
.pointerIN a:link,.pointerIN a:visited{
font-weight:bold;
color:#51262B;
height:26px;
line-height:26px;
text-align:center;
text-decoration:none;}/*所在選單連結樣式*/
.pointerout {
background-image:none;
font-weight:bold;
COLOR:#51262B;
height:26px;
line-height:26px;
text-align:center;
text-decoration:none;}/*非所在選單背景、字型設定*/
.pointerout a:link,.pointerout a:visited {
background-image:none;
font-weight:bold;
color:#51262B;
height:26px;
line-height:26px;
text-align:center;
display:block}/*非所在選單連結樣式*/
.pointerout a:hover {
background-image:none;
font-weight:bold;
color:#51262B;
height:26px;
line-height:26px;
text-align:center;
text-decoration: none;
display:block}/*非所在選單移入標籤樣式*/
--
以上為使用該範例樣式的結果。
註:「background-image:none;」為隱藏選單背景圖樣
如果想找個自己喜歡背景的話,可設定成「background:url(http://圖片網址);」