Spry標籤面板
替換圖片
替換圖片
最近忙到要命~
好久沒有連續出門了
結果最後換筆電了~變成了暈到死妻~
搞得我矯調弄半天~也發現了一些網頁錯誤(這台是寬螢幕的)
簡單一句話~習慣大亂(當然以往最愛用的主題也從此消失了QwQ)
另外跑去學一些東西~.......普通高中畢業果然廢的跟渣一樣囧
電路板東西好多~明明是c語言我看得好陌生
(奇怪了當初是哪個混蛋說解析別人程式碼不難的)
一言以蔽之~忙()
好久沒有連續出門了
結果最後換筆電了~變成了暈到死妻~
搞得我矯調弄半天~也發現了一些網頁錯誤(這台是寬螢幕的)
簡單一句話~習慣大亂(當然以往最愛用的主題也從此消失了QwQ)
另外跑去學一些東西~.......普通高中畢業果然廢的跟渣一樣囧
電路板東西好多~明明是c語言我看得好陌生
(奇怪了當初是哪個混蛋說解析別人程式碼不難的)
一言以蔽之~忙()
接下來要做內容部分了
~請插入Spry標籤面板
先把標題~內容(按眼睛切換)打好
~請插入Spry標籤面板
先把標題~內容(按眼睛切換)打好
跟上次選單列一樣~
這次的css也是另外多出來的
大致要調的部分(當然看需求)
.TabbedPanels
margin-bottom:
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 0.8em;
font-weight: bold;
background-image: url(../images/up.png);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
height: 16px;
width: 85px;
margin-top: 5px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
}
.TabbedPanelsTabHover {
background-image: url(../images/hover.png);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
width: 85px;
margin-top: 0px;
padding-top: 7px;
}
.TabbedPanelsTabSelected {
background-image: url(../images/select.png);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
width: 85px;
margin-top: 0px;
padding-top: 7px;
}
.TabbedPanelsTab a {
color: #2F4A53;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
background-color: #D8E4E9;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A0BEC9;
border-right-color: #A0BEC9;
border-bottom-color: #D8E4E9;
border-left-color: #D8E4E9;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.TabbedPanelsContent {
height: 250px;
}
這次的css也是另外多出來的
大致要調的部分(當然看需求)
.TabbedPanels
margin-bottom:
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 0.8em;
font-weight: bold;
background-image: url(../images/up.png);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
height: 16px;
width: 85px;
margin-top: 5px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
}
.TabbedPanelsTabHover {
background-image: url(../images/hover.png);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
width: 85px;
margin-top: 0px;
padding-top: 7px;
}
.TabbedPanelsTabSelected {
background-image: url(../images/select.png);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
width: 85px;
margin-top: 0px;
padding-top: 7px;
}
.TabbedPanelsTab a {
color: #2F4A53;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
background-color: #D8E4E9;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A0BEC9;
border-right-color: #A0BEC9;
border-bottom-color: #D8E4E9;
border-left-color: #D8E4E9;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.TabbedPanelsContent {
height: 250px;
}
接下來按一下標籤面板的css然後按分割改原始碼
大約第306行把原本的click改為mouseover
讓滑鼠移動到標籤時自動顯示內容
大約第306行把原本的click改為mouseover
讓滑鼠移動到標籤時自動顯示內容
接下來為了方便統一改內容圖片大小
可以新增一個css複合
.TabbedPanelsContent img
設好之後圖片會自動跟進(要設類別一個一個調也隨你)
可以新增一個css複合
.TabbedPanelsContent img
設好之後圖片會自動跟進(要設類別一個一個調也隨你)
接下來要允許圖片繞文(我自己亂翻譯的)可以把 改為
靠左對齊
靠左對齊
接下來是遊玩時間(誤)
在標籤面板後換行新增一個表格~最旁邊那列只留一欄(這欄圖片要最大)
然後分別插入圖片~給id~調整大小(左邊的建議設定類別統一)
在標籤面板後換行新增一個表格~最旁邊那列只留一欄(這欄圖片要最大)
然後分別插入圖片~給id~調整大小(左邊的建議設定類別統一)
最後為每個圖片新增--行為--調換影像
把滑鼠移動到該張圖片時~要被調換的影像設定完成
弄完收工~
把滑鼠移動到該張圖片時~要被調換的影像設定完成
弄完收工~
本堂終了~~
這一定是我打最快的一篇(同時也是最隨便的吧)
上一次我上課上到睡著~
這次是做完動作後瘋狂在查w7的佈景主題XDDDD
萌化大好阿
另外這篇拖到我又快出門了才打出來~
原本還想說把最近學的東東比照辦理紀錄
.....
...
.
媽呀~我吸收能力哪有這嘛強阿
聽的懂是聽的懂~但我的記憶力可是史上無人批敵的爛耶
哪記的了這嘛多~殘像記憶的確會有
但要到稍為組織一下然後記錄文......能力不足囧
這一定是我打最快的一篇(同時也是最隨便的吧)
上一次我上課上到睡著~
這次是做完動作後瘋狂在查w7的佈景主題XDDDD
萌化大好阿
另外這篇拖到我又快出門了才打出來~
原本還想說把最近學的東東比照辦理紀錄
.....
...
.
媽呀~我吸收能力哪有這嘛強阿
聽的懂是聽的懂~但我的記憶力可是史上無人批敵的爛耶
哪記的了這嘛多~殘像記憶的確會有
但要到稍為組織一下然後記錄文......能力不足囧