日誌2008-08-12 11:10

【CSS閒語】動漫櫃選單背景，字型標籤修改。

※：因小屋已於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://圖片網址);」