創作內容

2 GP

榮耀官網風格之小屋CSS分享

作者:ŇιΚã ◆ 入入型態│榮耀世紀 Online│2009-02-11 22:01:33│巴幣:0│人氣:1171
此小屋CSS並不是目前小弟使用的CSS
以下是一張截圖,想套用的人可以先參考一下^^:


【以下是CSS內容】

/*--------------網頁主體設定-------------*/
body{ /*----------捲軸設定----------*/
scrollbar-face-color: #cccccc; /*軸面顏色*/
scrollbar-highlight-color: #cccccc; /*軸面三角左邊顏色*/
scrollbar-shadow-color: #cccccc; /*軸面三角右邊顏色*/
scrollbar-3dlight-color: #cccccc; /*左立體邊顏色*/
scrollbar-darkshadow-color: #cccccc; /*右立體面顏色*/
scrollbar-arrow-color: #ffffff; /*←箭頭的顏色*/
scrollbar-track-color: #ffffff; /*軸軌的顏色*/
}
body{ /*----------背景設定----------*/
background-image:url(http://hk.geocities.com/loveshao_2000/Bahamut/BG.jpg);
background-repeat: no-repeat;
background-color: #5E1C04;
}

body{ /*----------游標設定----------*/
cursor:url(http://hk.geocities.com/loveshao_2000/Bahamut/1.ani)
}
a:hover {cursor:url(http://hk.geocities.com/loveshao_2000/Bahamut/2.ani)
}

/*--------------小屋內容設定-------------*/
.banner{ /*----------上方主圖----------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/Banner.gif)
no-repeat;
height:235px;
padding-left:20px;
padding-top:138px;
}

.cover_pic{ /*----------小屋首頁-Cover圖----------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/Cover.jpg)
no-repeat;
}

.infom_bk{ /*------小屋首頁-勇者資料區背景色------*/
border-left:1px solid #DBEF81; /*#CCCCCC*/
border-right:1px solid #DBEF81; /*#CCCCCC*/
padding-top:10px;
background:#FFF;
}

.box_title{ /*------勇者資料區-表格標題底色------*/
background:#DBEF81;
font-weight:bold;
letter-spacing:2px;
}

.box_list1{ /*------勇者資料區-表格內文底色 1------*/
background-color:#FFFFFF; (#F6F6F6)
}

.box_list2{ /*------勇者資料區-表格內文底色 2------*/
background-color:#FFFFFF;
}

.category_title{ /*----------主標題一使用----------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/title1.gif)
no-repeat;
height:40px;
}

.category_title2{ /*--------主標題二以下使用--------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/title2.gif)
no-repeat;
height:40px;
}

.category_bk{ /*----------內文的背景色----------*/
background:#FFFFFF;
border-left:1px solid #DBEF81; /*#CCCCCC*/
border-right:1px solid #DBEF81; /*#CCCCCC*/
padding:12px;
}

.category_footer{ /*----------框架結束部分----------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/bottom.gif);
height:25px;
}

.menu{ /*-----------選單背景圖-----------*/
background:url(http://pic.bahamut.com.tw/home/menubar.gif)
no-repeat;
height:35px;
}

/*------------------主選單-----------------*/

.menuIN{ /*--------選單所在頁面狀態--------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/menu.gif)
no-repeat;
font-weight:bold;
color: #0055CB;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}

.menuIN a:link,.menuIN a:visited{ /*------連結狀態-------*/
font-weight:bold;
color:#0055CB;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}

.menuout { /*-------選單非所在頁面狀態-------*/
font-weight:bold;
COLOR:#7C7C7C;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
.menuout a:link,.menuout a:visited { /*-----連結狀態------*/
font-weight:bold;
color:#7C7C7C;
height:35px;
line-height:35px;
text-align:center;
}
.menuout a:hover { /*------游標移入狀態-------*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/menu.gif)
no-repeat;
font-weight:bold;
color:#fffff; height:35px;
line-height:35px;
text-align:center;
text-decoration: none;
DISPLAY: block;
}

/*------------------次選單-----------------*/

/*----無次選單狀態----*/

.menubarA1{ /------*次選單與主選單連接部分------*/
background:#DBEF81;
border-left:;
border-right:;
border-top:0px;
border-bottom:1px solid #DBEF81;
}

.menubarA2{ /*------次選單結束部分------*/
background:#DBEF81;
border-left:;
border-right:;
border-top:0px;
border-bottom:0px;
}

/*----有次選單狀態----*/

.menubarB1{ /*------次選單與主選單連接部分------*/
background:#DBEF81;
border-left:1px solid #DBEF81; /*#CCCCCC*/
border-right:1px solid #DBEF81; /*#CCCCCC*/
border-top:0px;
border-bottom:0px;
}

.menubarB3{ /*------放次選單按鈕的背景色------*/
background:#DBEF81;
border-left:1px solid #DBEF81; /*#CCCCCC*/
border-right:1px solid #DBEF81; /*#CCCCCC*/
border-top:0px;
border-bottom:1px solid #DBEF81;
padding:6px;
text-align:left;
}

.menubarB2{ /*------次選單結束部分------*/
background:#DBEF81;
}

/*------右下表單─資料區------*/

.post_title { /*------右下的標題格式-------*/
height:28px; /*圖片高度*/
background-image:url(http://hk.geocities.com/loveshao_2000/Bahamut/point.gif);
background-position:left;
color: #ffffff; /*文字顏色*/
padding-left:55; /*←文字與左方的距離,請自行調整。*/
padding-top :-10; /*←文字與上方的距離,請自行調整。*/
}

.post_list{ /*--------資料項目&文字--------*/
background-image:url(http://hk.geocities.com/loveshao_2000/Bahamut/point_2.gif);
color:#000000; /*CCCCCC*/
/*文字顏色*/
}

.postboxin{ /*--------資料底色--------*/
background:transparent;
}

.postbox2{ /*--------今日訪客等等的外框--------*/
border:0px dashed;
background:transparent;
}

textarea { /*文字版、留言版底圖*/
background: url(http://hk.geocities.com/loveshao_2000/Bahamut/GB.gif);
background-repeat: no-repeat;
background-position:Right;
height:220px;
filter:Alpha(opacity=50,finishOpacity=1,style=0);/*半透明感*/
}

/*--------------小屋框線設定-------------*/

.line{ /*------虛線------*/
border-bottom:1px dashed #DBEF81;
}

.line2{ /*------實線------*/
border-top:1px solid #DBEF81;
}

.article_pic{ /*-----文章或畫作的縮圖邊框-----*/
/*border-left:1px dashed #F67383;*/
/*border-right:1px dashed #F67383;*/
/*border-top:1px dashed #F67383;*/
/*border-bottom:1px dashed #F67383;*/
border:none;
height: 0px;
width: 0px; /*取消巴哈姆特龍圖片*/
}

.home_input1{ /*-----引用文章網址欄位-----*/
color:#000000;
border:1px solid #DBEF81;
background-color:#FFF;
}

.home_input2{ /*------搜尋、留言欄位------*/
color:#000000;
border:1px solid #D5D5D5;
background-color:#FFF;
}

.box1{ /*------表格框線顏色------*/
border:1px solid #DBEF81;
}

/*--------------小屋連結、文字設定-------------*/

TD{ /*-----全部文字-----*/
color:#000000; /*CCCCCC*/
font-size:12px;
line-height:150%;
font-family:"Times New Roman";
word-break: break-all;
word-wrap:break-word;
}

A:link{ /*-----還未造訪連結狀態-----*/
color:#000000; /*CCCCCC*/
text-decoration:none;
}

A:visited{ /*-----造訪過後連結狀態-----*/
color:#000000; /*CCCCCC*/
text-decoration:none;
}

A:hover{ /*-----滑鼠移入連結狀態-----*/
color:#000000; /*CCCCCC*/
}

.extend{ /*-----特殊連結(藍色)及屋主文章留言-----*/
color:#000000; /*CCCCCC*/
}

.extend a:link,.extend a:visited{
/*好友最新文章列表─文章標題、個人最新收錄精華連結*/
color:#000000; /*CCCCCC*/
}

.extend2{ /*-----本文引用自此-----*/
color:#ffffff;
}
.extend2 a:link,.extend2 a:visited{ /*GP數與驗證碼顏色*/
color:#000000;
}

.extend3{ /*-----灰色-備註與說明文字-----*/
color:#000000; /*CCCCCC*/
}
.extend3 a:link,.extend3 a:visited{
color:#000000; /*CCCCCC*/
}

.category_word{ /*-----主標題文字設定-----*/
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding-left:85px;
padding-top:0px;
padding-bottom:2px;
}

.banner_t1{ /*-----暱稱和帳號文字-----*/
color:#FFFFFF;
font-weight:bold;
}
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#FFFFFF;
font-family:"Times New Roman";
font-size:16px;
text-decoration:inherit;
}

.banner_t3{ /*-----碎碎唸文字顏色-----*/
color:#000000;
line-height:18px;
height:42px;
font-weight:bold;
}

.banner_t4{ /*-----顯示官階的文字顏色-----*/
color:#FFFFFF;
}

.banner_t5{ /*-----顯示稱號的文字顏色-----*/
color:#FFFFFF;
}

/*--------------其他細部設定-------------*/

/*-----勇者基本資訊和能力表-----*/

.heartGP{ /*-----給紅心的敘述文字)-----*/
color:#FF3366;
}

.apprise_bg{ /*-----評價區底色)-----*/
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/love.jpg)
no-repeat;
}

.apprise_bg img{ /*-----評價區的問號-----*/
display: none;
}

.ability { /*-----顯示個人能力數值的底圖-----*/
background-color:#FFFFFF;
BORDER-RIGHT:#969696 2px solid;
BORDER-TOP:#bfbfbf 1px solid;
BORDER-LEFT:#bfbfbf 1px solid;
BORDER-BOTTOM:#969696 2px solid;
PADDING-RIGHT:4px;
PADDING-LEFT:4px;
PADDING-BOTTOM:1px;
PADDING-TOP:1px;
LINE-HEIGHT:14px;
HEIGHT:0pt;
TEXT-ALIGN:center;
TEXT-DECORATION:none;
}

/*-----各文章列表區(下方)-----*/

/*----個人部落閣----*/
.article_t1{ /*----個人部落閣文章標題顏色----*/
color:#000000; /*CCCCCC*/
font-weight:bold;
}
.article_t1 a:link, .article_t1 a:visited{
color:#000000; /*CCCCCC*/
font-weight:bold;
}

.home_h4{ /*----個人部落閣文章預設字型----*/
color:#000000; /*CCCCCC*/
font-size:12px;
}

.articlebox{ /*----個人部落閣最新文章及GP值底色----*/
border:1px dashed #DBEF81;
background:url(http://hk.geocities.com/loveshao_2000/Bahamut/Horse.gif)
no-repeat;
background-position:left;
text-align:center;
height:139px;
width:720px; /*width:100%;(預設)*/
}

.article_hr{ /*----個人部落閣文章版主回應分色線----*/
border:none;
background-color:#DBEF81; /*#D9ECF0*/
height:1px;
color:#DBEF81; /*#D9ECF0*/
}

/*----個人精華區----*/

.elite{ /*----個人精華文章標題顏色----*/
color:#0055CB;
font-size:15px;
font-weight:bold;
}
.elite a:link, .elite a:visited{
color:#0055CB;
font-size:15px;
font-weight:bold;
}

.elite_ppl{ /*----收藏人數文字顏色和底線框色----*/
color:#000000; /*CCCCCC*/
font-weight:normal;
font-size:12px;
border:1px dashed #DBEF81 ;
background-color:#FFFFFF;
}

/*--------------其他外加語法-------------*/

.box_icon1{ /*----三角形箭頭icon----*/
background-image:url(http://pic.bahamut.com.tw/home/list_icon1.gif) no-repeat;
}

.box_icon2{ /*----圓形彈珠icon----*/
background-image:url(http://pic.bahamut.com.tw/home/list_icon2.gif) no-repeat;
}

/*----消除右下小圈----*/
div.footer table {visibility:hidden;}
.footer .ssize {visibility:visible;}

#Flash_curve{display:none;} /*隱藏人氣統計圖*/

/*--------------預設按鈕設定-------------*/

.button,.button3,.button4,.button_h1{

/*-----button3[勇者造型相本]、[加為好友]、[設黑名單]-----*/
/*-----button3[給評價]、[(大)看更多]、[搜尋]-----*/
/*-----button3個人部落閣的[我推][收藏][編輯]-----*/
/*-----button4[寫信給他]、[留言給他]、[送禮給他]、[觀看留言]、[看結果]-----*/
/*-----button4個人部落閣的[刪除]-----*/

background:;
border-top:#DBEF81 1px solid; /*按鈕上方邊框*/
border-right:#DBEF81 1px solid; /*按鈕右邊邊框*/
border-bottom:#DBEF81 1px solid; /*按鈕下面邊框*/
border-left:#DBEF81 1px solid; /*按鈕左邊邊框*/
background-color:transparent; /*按鈕底色*/
color:#CCCCCC; /*按鈕內文字顏色*/
}

.button2,.button_h2{

/*-----button2[(小)看更多][更多新文章]、[收藏]-----*/
/*-----button2[新增文章][最新留言](這只有自己看得到)-----*/
/*-----button2[確定送出][載入前次設定][預覽頁面]-----*/

background:;
border-top:#DBEF81 1px dashed;
border-right:#DBEF81 1px dashed;
border-bottom:#DBEF81 1px dashed;
border-left:#DBEF81 1px dashed;
background-color:#DBEF81;
color:#000000; /*CCCCCC*/
}

.button2:hover,.button3:hover,.button4:hover{
/*----滑鼠移入按鈕----*/
color:#CCCCCC; /*#c97586*/
background:;
border-top:#DBEF81 1px solid;
border-right:#DBEF81 1px solid;
border-bottom:#DBEF81 1px solid;
border-left:#DBEF81 1px solid;
background:transparent;
}/*框線*/

/*--------------頁數按鈕設定-------------*/

.estext{ /*放頁數的背景設定*/
background :none;
}

.tsmal{ /*目前所在頁數的文字區設定*/
color :#FFFFFF;
}

.p_nolink{ /*無連結時的頁數按鈕設定*/
background :#FFA800;color:#FFFFFF;border:2px #FFDF0A solid;
}

.p_nextprev{ /*所在頁數按鈕設定*/
background :#FFA800;color:#FFFFFF;border:2px #FFDF0A solid;
}

.pag{ /*非所在頁數按鈕設定*/
background :#FFA800;
color:#white;
border:2px #FFDF0A solid;
}

.pag:hover{ /*滑鼠拜訪頁數按鈕設定*/
background :#FF7E00;color:#FFFFFF;border:2px #FFB300 solid;
}

.sertext{ /*自填頁數欄位設定*/
background :#FFF;border:1px #DBEF81 dashedd;color:#000;
}

/*---------個人部落閣「相關文章」欄位設定--------*/

.home_scroll{
/*--基本設定--*/
width:650px;
height:80px;
color:#000000; /*CCCCCC*/
font-size:12px;
text-align:left;
border:1px solid #DBEF81;
overflow:auto; /*內文超過欄位高度時顯示捲軸*/

/*--卷軸設定--*/
scrollbar-face-color: #cccccc; /*軸面顏色*/
scrollbar-highlight-color: #cccccc; /*軸面三角左邊顏色*/
scrollbar-shadow-color: #cccccc; /*軸面三角右邊顏色*/
scrollbar-3dlight-color: #cccccc; /*左立體邊顏色*/
scrollbar-darkshadow-color: #cccccc; /*右立體面顏色*/
scrollbar-arrow-color: #ffffff; /*←箭頭的顏色*/
scrollbar-track-color: #ffffff;/ *軸軌的顏色*/
}

/*--連結設定--*/

.home_scroll a:link{ /*連結─基本呈現*/
COLOR:#000000; /*CCCCCC*/
}

.home_scroll a:visited{ /*連結─拜訪過的*/
COLOR:#000000; /*CCCCCC*/
}

.home_scroll a:hover{
/*連結─滑鼠拜訪*/
COLOR:#000000; /*CCCCCC*/
}

/*---------精華區標籤使用熱門度設定 (未使用)

.tag1 { color: #3399CC;}
.tag1 a:link, .tag1 a:visited, .tag1 a:hover { color:#3399CC;}
.tag2{ color: #C184C1;}
.tag2 a:link, .tag2 a:visited, .tag2 a:hover { color:#C184C1;}
.tag3 { color: #669966;}
.tag3 a:link, .tag3 a:visited, .tag3 a:hover { color:#669966;}

--------*/

/*-----------------屋頂消失-----------------*/

table {background: none;}
td {background: none;}
img {visibility:hidden;}

/*-----------------主結構設定-----------------*/

div.left {background: none;}
div.leftOut1{background: none;}
div.leftOut2{background: none;}
div.leftDown {background: none;}
div.right {background: none;}
div.righttop{background: none;}
div.rightDown {background: none;}
div.container {background: none;}
div.main {background: none;}
div.mainOut {background: none;}
div.mainOut img{visibility:visible;}
div.footer {background: none;
border: solid #DBEF81 0px;}

/*-----------------上面頭條廣告文字-----------------*/

.hotext{ /*基本文字樣式*/
COLOR: #FFFFFF
}

.keynews a:link{ /*連結文字樣式*/
COLOR: #FFFFFF; TEXT-DECORATION: none
}

.keynews a:visited{ /*造訪過後的文字樣式*/
COLOR: #FFFFFF; TEXT-DECORATION:none
}

.keynews a:hover{ /*滑鼠移入的文字樣式*/
COLOR: #FFFFFF; TEXT-DECORATION:none
}

/*-----------------上方勇者小屋-----------------*/

.wide_wordbk7 img { /*隱藏此欄位的所有預設圖*/
visibility:hidden;
}

.wide_wordbk7{ /*--基本設定--*/
background-image : none;
border:0px solid none;
}

.wide_password2{ /*帳號ID的字體顏色*/
color:#000000;
}

.wide_line{ (未設定)
/*信箱、銀行和勇造、VIP之間的分隔線,如果想拿掉的話就用0px*/
border: dashed #DBEF81 1px;
background-color:transparent;
}

.wide_sev{ /*信箱、銀行、勇造、VIP的底色*/
background-color:transparent;
}

.wide_sign{ /*等級基本設定*/
color:#000000;
background-color:transparent;
}

/*-------訂閱小屋按鈕(一般狀態)------------*/
.home_order_button{
background: url() repeat;
background:transparent;
width:100px;
text-align: center;
border-top:;
border-right:;
border-bottom:;
border-left:;
color:#ffffff;
}

/*-------訂閱小屋按鈕(一般狀態的字顏色)------------*/
.banner a:visited{
color:#ffffff;
background:transparent;
}

/*-------訂閱小屋按鈕(滑鼠移入狀態)------------*/
.home_order_button:hover{
background: url() repeat;
background:transparent;
width:100px;
text-align: center;
border-top:;
border-right:;
border-bottom:;
border-left:;
color:#ffffff;
text-decoration: none;
}

/*------------------頂端選單文字-------------------*/

.wide_toptext { /*基本文字樣式*/
COLOR: #FFFFFF ;
TEXT-DECORATION: none
}

.wide_toptext A:link{ /*連結文字樣式*/
COLOR: #FFFFFF ;
TEXT-DECORATION: none
}

.wide_toptext A:visited{ /*造訪過後的文字樣式*/
COLOR: #FFFFFF ;
TEXT-DECORATION: none
}

.wide_toptext A:hover{ /*滑鼠移入的文字樣式*/
COLOR: #FFFFFF ;
TEXT-DECORATION: none
}

/*----------------右上下拉式選單設定----------------*/
.wide_t1 {
position:absolute;
clip: rect(2px 108px 17px 2px);
top:-0px;
left:850px;
font-size: 9pt;
line-height:25pt;
COLOR: #FFFFFF;
background:#05061B;}

.wide_titlebar{
COLOR: #FFFFFF;
background:#05061B;}

.wide_titlebar1{
COLOR: #FFFFFF;
background:#05061B;}

.wide_titlebar2{
COLOR: #FFFFFF;
background:#05061B;}

/*-----上方廣告列修改-------*/
div#nt_topnews{
background:none;/*背景*/
border:0px;/*邊框*/
font-family:"Times New Roman";/*字型*/
}
div#nt_topnews table td a{
color:#e6e6fa; /*字型顏色*/
font-size:12px; /*字型大小*/
}
input.nt_bar2{
border-bottom:0px solid #ffa500; /*搜尋列框*/
border-top:none;
border-left:none;
border-right:none;
font-family:"Times New Roman"; /*搜尋列字型*/
color:#e6e6fa; /*搜尋列字色*/
background:none;/*背景*/
}
input.nt_barbtn2{
border:none; /*搜尋鈕邊框*/
font-size:12px; /*搜尋鈕字大小*/
color:#ffffff; /*搜尋鈕字色*/
background:none; /*搜尋鈕背景色*/
}
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=457941
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS| 小屋|榮耀世紀 Online|

留言共 3 篇留言

呆漓子
榮耀啊...好久沒碰的說XDD

整個對台灣代理失望了
加上現在比較迷巴哈小屋XD

韓榮的話我的電腦是呈現快腦死的狀態
根本不敢開來玩XD

02-11 23:50

ŇιΚã ◆ 入入型態
哈哈 (握手)
我對台版代理也是失望 XD

(謎: 你打從一開始就沒看好吧?)
我: 沒辦法 ,YNK那樣搞 看就知道沒前途哩!

美好的記憶,只要回憶就好啦 ^^:02-12 08:14
哇哩勒的爺爺
真的是好帥阿

02-14 09:03

ŇιΚã ◆ 入入型態
恭喜你是第一個套用者嗎 恭喜你是第一個套用者嗎 :)02-14 11:03
黑龍
榮耀加油!

02-22 12:57

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

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

前一篇:呼,完工了!... 後一篇:事實證明我是不適合衝裝的...

追蹤私訊切換新版閱覽

作品資料夾

leon770530巴友
我的小屋首頁共有4篇健身相關證照心得文,對健身有興趣的朋友可以來看看喔!看更多我要大聲說7小時前


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

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