趁著專題評鑑結束後
到下次和老師見面的這點空檔
我把勇者資料區搬了出來~

主要是把站方之前大動作更新的介面
做了些個人化修改~
(其實就只是改顏色拉XDD)

其中最讓我傷腦經的
大概是那一排+好友、訂閱....等的按鈕
因為格子很小
所以一開始還真不知道要放什麼進去= =a
最後決定沿用站方設計的按鈕小圖示
不過...
我對它們動了點小小的手腳=W=

我讓他們動了起來!!






動起來之後...
突然覺得它們蠻可愛的呢XD~(?)

以上那些動圖如果想用的話請自行右鍵
如果懶想直接連結也沒關係
不過以後失連我可不負責的喔@口@

那麼就在這邊先提早和大家說
Merry Christmas and a Happy New Year!

PS.如果自己的CSS裡的勇者資料區語法沒有更新的話
請自己把以下內容覆蓋掉原本的勇者資料區語法
/*-----------------------區塊＃勇者基本資料 開始-----------------------*/
.home_dataBG{
display:block;
padding:0 0 0 8px;
font-size:12px;
border:solid #d9ecf0;
border-width:0px 1px 1px 1px;
background: url(http://pic.bahamut.com.tw/home/home_dataBG.gif) repeat-x;
}/*背景*/

.home_data{
display:block;
width:115px;
height:19px;
background: url(http://pic.bahamut.com.tw/home/home_data.gif) no-repeat center bottom;
margin:0 0 0 12px;
}/*勇者數值鈕*/

.home_dataUP{
border:1px solid #c1eefc;
background:#ffffff;
padding:3px;
}
.home_dataUP td{
font-size:10px;
font-family: "Courier New", Courier, monospac;
line-height:14px
}/*彈出框架設定*/

/*----------------------!區塊＃勇者基本資料 結束!----------------------*/

/*----------------------區塊＃基本互動功能扭 開始----------------------*/
.home_DATAbutton ul li.loveA{
margin:3px 0 0 0;
background:url(http://pic.bahamut.com.tw/home/home_loveA.gif) no-repeat;
display:block;
width:69px;
height:36px;
text-align:center;
}/*勇者紅心數量－背景*/

.home_DATAbutton ul li.loveA a{
display:block;
height:10px;
margin-top:14px;
font-size:15px;
color:#0042c8;
font-weight:bold;
}
.home_DATAbutton ul li.loveA a:hover{
color: #FF6666;
}/*勇者紅心數量－文字*/

.home_DATAbutton ul li.loveA2 a{
margin:0;
background:url(http://pic.bahamut.com.tw/home/home_loveA2.gif) no-repeat;
display:block;
width:69px;
height:29px;
}
.home_DATAbutton ul li.loveA2 a:hover{
margin:0;background:url(http://pic.bahamut.com.tw/home/home_loveA2in.gif) no-repeat;
}/*勇者給心－文字*/

.home_DATAbutton ul li.loveR{
margin:3px 0 0 4px;
background:url(http://pic.bahamut.com.tw/home/home_loveR.gif) no-repeat;
display:block;
width:69px;
height:36px;
text-align:center;
}/*角色紅心數量－背景*/

.home_DATAbutton ul li.loveR a{
display:block;height:10px;
margin-top:14px;
font-size:15px;
color:#0042c8;
font-weight:bold;
}
.home_DATAbutton ul li.loveR a:hover{
color: #FF6666;
}/*角色紅心數量－文字*/

.home_DATAbutton ul li.loveR2 a{
margin:0 0 0 4px;
background:url(http://pic.bahamut.com.tw/home/home_loveR2.gif) no-repeat;
display:block;
width:69px;
height:29px;
}
.home_DATAbutton ul li.loveR2 a:hover{
margin:0 0 0 4px;
background:url(http://pic.bahamut.com.tw/home/home_loveR2in.gif) no-repeat;
display:block;
width:69px;
height:29px;
}/*角色給心－文字*/

.home_DATAbutton ul li.hello a{
display:block;
width:142px;
height:36px;
background:url(http://pic.bahamut.com.tw/home/home_hello.gif) no-repeat;
}/*按鈕－打招呼*/

.home_DATAbutton ul li.to1 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img258.imageshack.us/img258/2122/29957781az4.gif) no-repeat;
text-indent:25px;
}/*按鈕－碎碎念*/

.home_DATAbutton ul li.to2 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img168.imageshack.us/img168/2769/89202528pp4.gif) no-repeat;
text-indent:35px;
}/*按鈕－訂閱*/

.home_DATAbutton ul li.to3 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img181.imageshack.us/img181/9692/19157903gj1.gif) no-repeat;
text-indent:25px;
}/*按鈕－加好友*/

.home_DATAbutton ul li.to4 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img227.imageshack.us/img227/854/72384547tz7.gif) no-repeat;
text-indent:35px;
}/*按鈕－寫信*/

.home_DATAbutton ul li.to5 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img181.imageshack.us/img181/9227/41868124ql5.gif) no-repeat;
text-indent:25px;
}/*按鈕－黑名單*/

.home_DATAbutton ul li.to6 a{
margin:3px 0 0 0;
display:block;
width:71px;
height:23px;
line-height:23px;
background:url(http://img181.imageshack.us/img181/1629/20058457ts2.gif) no-repeat;
text-indent:35px;
}/*按鈕－送禮*/
/*---------------------!區塊＃基本互動功能扭 結束!---------------------*/