創作內容

15 GP

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

作者:櫻澤楓│2008-08-12 11:10:30│巴幣:0│人氣:2485
※:因小屋已於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://圖片網址);」
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=254959
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:CSS

留言共 18 篇留言

音語
收:D

08-12 12:14

櫻澤楓
謝謝惠顧。 :D08-13 10:02
aa6622
那個...

老師!我有問題(舉手

請問要怎麼把動漫櫃移到最下面去呢?

08-12 12:22

櫻澤楓
是指首頁遊戲動漫喜好那區塊嘛?

如果是的話,到小屋設定的「顯示欄位與調整」那邊調整位置就好了。08-13 10:04
貓語朵朵*貓貓茶
被標題吸引進來,結果卻被麥當勞叔叔吸引過去>////<

08-12 12:30

櫻澤楓
結果妳也成為藍藍路的教徒之一了。(咦)08-13 10:02
長貓不喵
藍藍藍藍藍藍藍(七連打)

08-12 13:40

櫻澤楓
(閃過)08-13 10:05
飛琉
這個真是太實用啦!
感謝分享!
默默的收起來:)

08-12 14:27

櫻澤楓
其實就只有寫這些選單語法了說
其他的話,好像還有一小部份這玩意,只是還沒拿出來測試而已。08-13 10:02
赫爾萊恩。小赫
先推一個~
晚一點再來研究>"<
辛苦嚕!!

08-12 21:21

櫻澤楓
不會。 :D08-13 10:00
無名氏
路過...推一個

08-12 23:39

櫻澤楓
謝謝惠顧。m(_ _)m08-13 09:59
主教仔
(路過)
沒什麼
只是對屋頂的有興趣= =

08-13 00:34

櫻澤楓
屋頂的話這種應該不便公開,有空去私信請教其他會CSS的板友就好了。08-13 10:00
伴田☆彡路子
(帶走)

08-13 09:56

櫻澤楓
謝謝惠顧。(揮手)08-13 09:59
恐龍哥
喔喔~~
謝謝教學~
XDD~

先取走囉~
找時間玩玩看~
顆顆顆~XDD~

08-13 10:45

櫻澤楓
銘謝惠顧。(揮手)08-13 20:12
YANAGI
好棒喔!
謝謝妳的分享^^
我要改已經很久了...

08-13 17:55

櫻澤楓
不會。 :D08-13 20:11
主教仔
我應該說清楚
我是對屋頂的"GIF"有興趣(大笑

08-14 00:35

櫻澤楓
原來如此。XD08-14 20:17
小角落..
推~~

08-16 22:32

櫻澤楓
這個新發現的語法不推白不推就是?(咦)08-17 20:54
闇光
經人推薦過來,要感謝放出語法的人啊。

08-17 12:11

櫻澤楓
謝謝惠顧。 :D08-17 20:53
蒼炎的凱特
感謝教學阿!!
\囧/(藍藍路~!!!!!!)

08-18 18:08

櫻澤楓
\冏/ (跟著藍藍路)08-18 19:20
MoCo
超實用^^

09-30 16:16

金烏
請問大大,我可以套用嗎@@?
以及在套用大大的語法同時,自己加以修改一些,請問可以嗎?

10-07 21:13

櫻澤楓
應該是可以的。

只要改出來之後照樣能顯示出效果的基本上都沒問題。10-11 22:07
噯魅
珍藏

04-18 03:33

我要留言提醒:您尚未登入,請先登入再留言

15喜歡★joe0145 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【噗】我一定是不想活了才... 後一篇:8/13…某某楓的卷髮日...

追蹤私訊切換新版閱覽

作品資料夾

sakima55詐騙季來囉?
晚上公司老闆說帳號被限額5萬,這麼晚了沒打電話傳訊息感覺詐騙,在知道對方限額是10萬下直接無視。看更多我要大聲說昨天22:42


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】