[平面] 關於Dreamweaver的Spry標籤面板的標籤背景圖
使用軟體:Dreamweaver
版本:CS5
附加使用軟體:無
問題描述:
Spry標籤面板當中裡的標籤背景圖的替換,我用舉例說明我的問題。
我現在有標籤一跟標籤二。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
我在CSS樣式列表之下的.TabbedPanelsTab點兩下進入編輯視窗,
然後將背景圖設為A圖(紅色表示),而這時標籤二會跟著變。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
於是我新增了一個.TabbedPanelsTab2並且把背景圖設為B圖(藍色表示),
然後把它設為標籤二的類別。
我不知道這方法正不正規,不過它確實解決了我的問題。
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
但接下來才是問題的開始,因為標籤在你滑鼠移上去,
以及點選之後都能有不同的圖案。
於是我把.TabbedPanelsTabHover的背景圖設為C圖(黃色表示),(箭頭代表滑鼠)
把.TabbedPanelsTabSelected的背景圖設為D圖( 紫色表示)。
┌───┬───┐
│標籤一│標籤二│
┴─↖─┴───┴─────
(點選後)
┌───┬───┐
│標籤一│標籤二│
┴───┴───┴─────
而我想讓標籤二在滑鼠移上去以及點選後,
呈現跟標籤依不同的圖案。
於是我如法泡製了.TabbedPanelsTab的方法,
設定了.TabbedPanelsTabHover2以及.TabbedPanelsTabSelected2
並且把他們的背景圖設成不同的圖案,
但是呈現的效果標籤二跟標籤一是一樣的。
我有把它設成標籤二的類別但是沒用。
不知是否有解決的方法?
CSS語法設定那邊我看了,因為CSS我不是很了解...
所以看不出個所以然來
請各位幫解答 謝謝
已嘗試過方式:在例子中有提到
爬文(Google)?Y
Google到的都是一些基本教學,查了五六本書也都沒詳細說明這些
.TabbedPanelsTab的方法也是我土法煉鋼出來的,真的沒辦法了
所以來這邊求助各位!!!拜託了XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.127.178.120
→
08/24 09:27, , 1F
08/24 09:27, 1F
→
08/24 09:28, , 2F
08/24 09:28, 2F
→
08/24 09:28, , 3F
08/24 09:28, 3F
→
08/24 09:29, , 4F
08/24 09:29, 4F
→
08/24 09:31, , 5F
08/24 09:31, 5F
→
08/24 11:07, , 6F
08/24 11:07, 6F
Digital_Art 近期熱門文章
PTT數位生活區 即時熱門文章