LV. 1
GP 91

【問題】CSS版面設置問題

樓主 莳凛ミ☆ zxcfghuio
GP0 BP-
請問圖內全部的區域要如何才可以設成用同一張背景圖呢?
我看有些人都是這樣用,長好像都2000,寬就是像圖片那樣。
0
-
LV. 18
GP 89
2 樓 散碎 xzxc487212
GP0 BP-
http://wabis.biz/up0014/200905071359107551081734.jpg

我直接把這張當背景


就沒有你勇照上的那張大圖案了


自己做一張類似的背景,
再放到body底下的背景語法



至於長度就不限定,要多常就可以多長(只是可能會影響到下面的美觀)
寬度的話...因為現在有19、21吋的螢幕
你螢幕應該是21的吧
但是為了方便19吋螢幕的巴友觀看,
建議寬度用標準的1024就好
0
-
LV. 1
GP 91
3 樓 莳凛ミ☆ zxcfghuio
GP0 BP-

我拿你的圖片來測試但是變成只有上面那橫條有變而已呢,
還有什麼要修改嗎?

0
-
LV. 18
GP 89
4 樓 散碎 xzxc487212
GP0 BP-
※ 引述《zxcfghuio (莳凛ミ☆)》之銘言:
>

我拿你的圖片來測試但是變成只有上面那橫條有變而已呢,

 
> 還有什麼要修改嗎? 
>  


抱歉,小弟見識淺薄

常常看圖片只能知道狀況
但還是沒辦法知道哪裡出問題
目前猜測是body被限制高度

不知道可不可以貼全部的語法上來呢..

這樣我才能夠找到問題@@"


(常在這板伸手要CSS真是不好意思= ="
0
-
LV. 1
GP 91
5 樓 莳凛ミ☆ zxcfghuio
GP0 BP-

其實我也是很想貼啦,只是怕你們看了覺得很亂很煩,所以不敢貼出來。
我的CSS很亂喔...||
我主要是拿『巴哈預設』『勇者小屋紫色版』這兩種去更改的。
==========================================================

.wide_sign{color:ffffff;/*等級的字體顏色*/
.wide_line{border-top:1px dashed #ffffff;background-color:;}
.wide_line{border:0px;}

/*----帳號面板的文字---*/
.wide_sev{
background:transparent;/*信箱銀行勇造VIP的底色*/
text-decoration: none; color: #000;}
.wide_sev a:link,.wide_sev a:visited {
text-decoration: none; color: #ffffff;}
.wide_sev a:hover,.wide_sev a:active {
text-decoration: none; color: #ff00cc;}


/*--------------------------屋頂廣告去底--------------------------*/
DIV#nt_topnews{background:none; border:0; color:#ffffff}
DIV#nt_topnews TABLE TD A{color:#ffffff}

/*--------------------------屋頂區--------------------------*/

TABLE {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
TD {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
IMG {
 VISIBILITY: hidden
}
.wide_password2 {COLOR: #ffffff}
.hotext {
 FONT-SIZE: 12px; COLOR: #ffc9b6
}
.keynews A:link {
 COLOR: #ff7800
}
.keynews A:visited {
 COLOR: #ff7800
}
.keynews A:hover {
 COLOR: #ff7800
}
.wide_toptext{
 COLOR: #fff
}
.wide_toptext A:link {
 COLOR: #fff
}
.wide_toptext A:visited {
 COLOR: #fff
}
.wide_toptext A:hover {
 COLOR: #fff
}
.infom_bk IMG {
 VISIBILITY: visible
}
.category_bk IMG {
 VISIBILITY: visible
}
BODY {
 BACKGROUND: url(http://img200.imageshack.us/img200/6672/72657903.png) #ffecf1 no-repeat center top}
DIV.left {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftOut1 {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftOut2 {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftDown {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.right {
 BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 15px
}
DIV.rightDown {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.main {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.mainOut {
 BACKGROUND:#000000 center top; WIDTH: 100%
}
div.mainout table{
visibility:visible;
}
div.mainout img{
visibility:visible;
}
DIV.righttop {
 BACKGROUND: none transparent scroll repeat 0% 0%
}


/*---隱藏左上小屋的頭像&登出登入---------------------------------------*/

.wide_wordbk7{background-image : none; border:none;}img {visibility:hidden;}


/*---最底下法律那些字-------------------------------------------------*/

DIV.footer BR {DISPLAY: none}
.footer .ssize {FONT-SIZE: 12px; COLOR: #ffffff}
.footer .ssize FONT {COLOR: #ffffff}

/*---整體頁面設定----------------------------------------------------*/

.home_DATAbutton ul li.loveA{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-2-3.png);width:69px;height:36px;text-align:center;}/*紅心背景上*/
.home_DATAbutton ul li.loveA a{height:10px;font-size:15px;color:#ffffff;font-weight:bold;}/*紅心文字*/
.home_DATAbutton ul li.loveA a:hover{color: #FF6666;}

.home_DATAbutton ul li.loveA2 a{;background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-3.png);width:69px;height:29px;}/*紅心背景下*/
.home_DATAbutton ul li.loveA2 a:hover{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/3-2.png);}/*給紅心-文字*/

.home_DATAbutton ul li.loveR{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/4.png);width:69px;height:36px;text-align:center;}/*紅心背景下*/
.home_DATAbutton ul li.loveR a{height:10px;font-size:15px;color:#ffffff;font-weight:bold;}
.home_DATAbutton ul li.loveR a:hover{color:#FF6666;}/*角色紅心數量-文字*/

.home_DATAbutton ul li.loveR2 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5.png);display:block;width:69px;height:29px;}
.home_DATAbutton ul li.loveR2 a:hover{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5-2.png);width:69px;height:29px;}/*角色給心-文字*/

.home_DATAbutton ul li.hello a{width:142px;height:36px;background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-1.png);}/*按鈕-打招呼*/

.home_DATAbutton ul li.to1 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/4e570e02.png);} /*碎碎念*/
.home_DATAbutton ul li.to2 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/57ec1ea0.png);} /*訂閱*/
.home_DATAbutton ul li.to3 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/8d93ee66.png);} /*好友*/
.home_DATAbutton ul li.to4 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/361796e2.png);} /*寫信*/
.home_DATAbutton ul li.to5 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/8d93ee66-1.png);} /*黑掉*/
.home_DATAbutton ul li.to6 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/1472856f.png);} /*送禮*/

.home_dataBG {border: powderblue 1px solid; background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/01-2.png);}/*背景*/
.home_data {/*勇者數值鈕*/
background: url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/43974371ni9.png) no-repeat center bottom; }
.home_dataUP {border: #d3c87a 1px solid; background: #000; }/*能力值背景色*/
.home_dataUP TD {font-size: 10px; line-height: 14px;} /*能力值文字*/

 

 

/*頁數按鈕區*/
.pag{background:#4b0000; border:solid 1px #900000;}
.p_nolink{background:#4b0000; border:solid 1px #900000;}
.p_nextprev{background:#900000; border:solid 1px #900000;}
.pag:hover{background:#4b0000; color:#ff00cc; }

/* 1之 1頁 (3 篇)*/
.sertext{border: solid 1px #900000; background:#2b0000;}}
.sertext{color:#ffffff; text-align:center;}

 

/*碎碎念的留言送出那顆按鈕*/
a.homeTALKsend{ display:block; width:53px; height:35px;
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-2.png) no-repeat; }

/*碎碎念的留言框*/
.home_input4{height:60px; font-size:13px; width:540px};
.home_input4{background:#300000; color:#ffffff; border:solid 1px #900000;}

/*碎碎念選擇的按鈕造型*/
.pointerIN{background-image:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/11.png);}

/*碎碎念選擇的按鈕造型字的顏色*/
.pointerIN a:link,.pointerIN a:visited{color:#ffffff;}

/*碎碎念那排按鈕的背景*/
.pointerout {background:#000000;}

/*碎碎念未選擇的其他按鈕*/
.pointerout a:link,.pointerout a:visited { color:#ffffff;
background-image:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/06.png); }


/*碎碎念未選擇的其他按鈕滑鼠移入時*/
.pointerout a:hover { color:#ff00cc;
background-image:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/06.png); }


/*------所有的捲軸------*/
body{
scrollbar-3dlight-color:#600000;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#500000;
scrollbar-face-color:#600000;
scrollbar-highlight-color:#b00000;
scrollbar-shadow-color:#b00000;
scrollbar-track-color:#400000;}


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

 .home_t1 td{background:#000000;} /*月曆背景色 */
 .home_t1 table{background:800000;} /*月曆框線*/

 /*讓最右下角小圈圈消失法*/
 div.footer table {visibility:hidden;}
.footer .ssize {visibility:visible;}
div.footer {background: #000000;}/*最下面那塊底色*/
div.footer {border: 1px solid #800000;}

 

 /*--心情投票--*/
 .box_line{background: url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-4-2.jpg) no-repeat 50% 67% ; }

/*文字版、留言版底圖*/
textarea {
padding-left: 10px;
padding-right: 10px;
}


/*--------------右方廣告下面的東東--------------*/

.post_title {
height:35px;/*圖片大小高度*/
background-image:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-3-1.jpg);
background-position:left;
color:#ffffff;
padding-left:30; /*文字與左方的距離*/
 
}

/*-----小屋統計、個人紀錄文字顏色-----*/

.home_c1{color:#ffffff;}/*首頁的顏色*/
.home_c1 a:link, .home_c1 a:visited{color:#ffffff;}/*內頁的顏色*/
.home_c1 a:hover{color:#ffffff;}/*內頁的顏色*/

/*修改綠色點點*/
.post_list{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-11.png) no-repeat;}

/*------框框第一圈背景色------*/
.post_list{background-color:#000000;}

/*------框框第二圈背景色------*/
.postboxin{background:#000000;}

/*------框框第最外圈背景色------*/
.postbox2{background:#000000;}
.postbox2{border:0px dashed;}


/*中央整個背景、右邊廣告那整條背景*/
div.left {background:#000000;}
div.main {background:#000000;}


.ability_pad img{visibility:hidden;}/*GP跟BP圖片消失*/
.ability_pad {background: url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/GPBP.jpg) no-repeat; }/*GP跟BP的新增背景圖片*/

.box1 a:link {color:#FFFFFF;}
.box1 a:visited {color:#FFFFFF;}
.box1 a:hover {color:#FFFFFF;}


/*------全體按鈕-----*/
.button,.button2,.button3,.button4,.button_h1,.button_h2
{
background: url() repeat;
background-color:#400000;
border-top:#c5c5c5 1px outset;
border-right:#c5c5c5 1px outset;
border-bottom:#c5c5c5 1px outset;
border-left:#c5c5c5 1px outset;
color:#ffffff;/*上面的按鈕文字顏色*/
}
.button_c1{color:#ffffff;} /*下面的按鈕文字顏色*/
.button_c2{color:#ffffff;} /*設定區的按鈕文字顏色*/

/*------滑鼠移入效果-----*/
.button:hover,.button2:hover,.button3:hover,.button4:hover
{
background: url() repeat;
background-color:#ff00cc;
border-top:#c5c5c5 1px outset;
border-right:#c5c5c5 1px outset;
border-bottom:#c5c5c5 1px outset;
border-left:#c5c5c5 1px outset;
color:#ffffff;
}

/*------人物ID旁訂閱小屋按鈕-----*/
.home_order_button{
color:#ffffff;}
.home_order_button:hover {
color:#ff00cc;}

 

/*----整體文字----*/
TD{
color:#FFFFFF;
font-size:13px;
line-height:150%;
font-family:"Arial";
word-break: break-all;
word-wrap:break-word;
}
A:link{
color:#FFFFFF;
text-decoration:none;
}/*還未造訪連結狀態*/

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

A:hover{
color:ff00cc;
text-decoration:underline;
}/*滑鼠移入連結狀態*/

.extend{
color:#ff00cc;
}
.extend a:link,.extend a:visited{
color:#ff00cc;
}/*特殊連結(藍色)及屋主文章留言*/

.extend2{
color:#FF0000;
}
.extend2 a:link,.extend2 a:visited{
color:#FF0000;
}/*GP數與驗證碼顏色*/

.extend3{
color:#EEEEEE;
}
.extend3 a:link,.extend3 a:visited{
color:#EEEEEE;
}/*---個人部落閣內小字的顏色---*/


/*----其他共用部分----*/

.line{
border-bottom:1px dashed #FFFFFF;
}/*虛線*/
.line2{
border-top:1px solid #FFFFFF;
}/*實線*/


.article_pic{
height:0px;
width:0px;
}/*blog巴哈龍圖片消失*/


.home_input1{
color:#ffffff;
border:1px solid #ffffcd;
background-color:#200000;
}/*input實線(只用於引用文章網址處)*/
.home_input2{
color:#ffffff;
border:1px solid #ffffcd;
background-color:#200000;
}/*input實線*/
/*--------------------------框架------------------------------*/
.infom_bk{
border-left:0px solid #000000;
border-right:0px solid #000000;
padding-top:10px;
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/7c91c117.jpg);
}/*小屋首頁-勇者資料區背景色*/

/*----外部大框架設定----*/
.category_title{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5b4e2122.png) no-repeat;
height:40px;

}/*主標題一使用*/
.category_title2{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5b4e2122.png) no-repeat;
height:40px;

}/*主標題二以下使用*/
.category_word{
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding-left:45px; /*主標題文字的位子*/
padding-top:0px;
padding-bottom:2px;

}/*主標題文字設定*/
.category_bk{
background:#200000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:12px 12px 0 12px;
}/*內文的背景色*/
.category_footer{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/a312815c.png);
height:25px;

}/*框架結束部分*/
/*----表格設定(置於大框架中)----*/
.box1{
border:1px solid;
}/*表格框線顏色*/
.box_title{
background:#900000;
font-weight:bold;
letter-spacing:2px;
}/*表格標題底色*/
.box_list1{
background-color:;
}/*---個人相關資訊底色---*/
.box_list2{
background-color:#2b0000;
}/*---最新收錄精華底色---*/
.box_icon1{
background-image:url(http://pic.bahamut.com.tw/home/list_icon1.gif) no-repeat;
}/*三角形箭頭icon*/
.box_icon2{
background-image:url(http://pic.bahamut.com.tw/home/list_icon2.gif) no-repeat;
}/*圓形彈珠icon*/
/*-----------------------最上方顯示大圖-----------------------*/
.banner{
background: url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5-3.png);
height:593px;
padding-left:20px;
padding-top:15px;
}/*小屋上方主圖*/
.banner_t1{
color:;
font-weight:bold;
}
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:FFFFFF;
font-weight:bold;
text-decoration:inherit;
}/*暱稱和帳號文字*/
.banner_t3{
color:FFFFFF;
line-height:18px;
height:42px;
}/*碎碎唸文字顏色*/
.banner_t4{
color:#FFFFFF;
}/*顯示官階的文字顏色*/
.banner_t5{
color:#FFFFFF;
}/*顯示稱號的文字顏色*/
/*---------------------------主選單---------------------------*/
.menu{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/a9bb39bd.png) no-repeat;
height:35px;
}/*選單背景圖*/

/*----小屋首頁那排按鈕,選單所在頁面狀態----*/
.menuIN{
background:none;
font-weight:bold;
color:#FFFFFF;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}
.menuIN a:link,.menuIN a:visited{
font-weight:bold;
color:#ffoocc;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
/*----選單非所在頁面狀態----*/
.menuout {
font-weight:bold;
COLOR:#FFFFFF;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
.menuout a:link,.menuout a:visited {
font-weight:bold;
color:#FFFFFF;
height:35px;
line-height:35px;
text-align:center;
}
.menuout a:hover {
background:none;
font-weight:bold;
color:#ff00cc; height:35px;
line-height:35px;
text-align:center;
text-decoration: none;
DISPLAY: block;
}
/*---------------------------次選單---------------------------*/
/*----無次選單狀態----*/
.menubarA1{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:1px solid #000000;
}/*次選單與主選單連接部分*/
.menubarA2{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:0px;
}/*次選單結束部分*/
/*----有次選單狀態----*/
.menubarB1{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:0px;
}/*次選單與主選單連接部分*/
.menubarB3{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/d2fddc2d.png);
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:1px solid #000000;
padding:6px;
text-align:left;
}/*放次選單按鈕的背景色*/
.menubarB2{
background:#000000;
}/*次選單結束部分*/


/*----------------------------小屋封面圖------------------------------*/
.cover_pic{
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/01-1.jpg) repeat;
}/*COVER圖*/

 

/*---------------------各文章列表區(下方)---------------------*/
/*----------個人部落閣----------*/

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


/*----新文章有人物圖背景的區域----*/
.articlebox{
border:1px solid #FFFFFF;/*部落閣內GP旁的框框*/
background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/392cd90f.jpg);
text-align:center;
width:450px;
height:120px;
}


.article_hr{
border:none;
background-color:#D9ECF0;
height:1px;
color:#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:#49A1B3;
font-weight:bold;
font-size:12px;
border:1px solid #9A9A9A;
background-color:#FFF;
}/*收藏人數文字顏色和底線框色*/

 

.home_scroll{
width:650px;
height:80px;
overflow:auto;
scrollbar-arrow-color:#067180;
scrollbar-face-color:#92D1DA;
scrollbar-highlight-color:#465059;
scrollbar-3dlight-color:#C6E6E6;
scrollbar-darkshadow-color:#067180;
scrollbar-track-color: #A0C9C9;
scrollbar-shadow-color: #2BA2B3;
text-align:left;
font-size:12px;}

 

0
-
LV. 18
GP 89
6 樓 散碎 xzxc487212
GP1 BP-

.wide_sign{color:ffffff;/*等級的字體顏色*/
.wide_line{border-top:1px dashed #ffffff;background-color:;}
.wide_line{border:0px;}

/*----帳號面板的文字---*/
.wide_sev{
background:transparent;/*信箱銀行勇造VIP的底色*/
text-decoration: none; color: #000;}
.wide_sev a:link,.wide_sev a:visited {
text-decoration: none; color: #ffffff;}
.wide_sev a:hover,.wide_sev a:active {
text-decoration: none; color: #ff00cc;}


/*--------------------------屋頂廣告去底--------------------------*/
DIV#nt_topnews{background:none; border:0; color:#ffffff}
DIV#nt_topnews TABLE TD A{color:#ffffff}

/*--------------------------屋頂區--------------------------*/

TABLE {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
TD {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
IMG {
 VISIBILITY: hidden
}
.wide_password2 {COLOR: #ffffff}
.hotext {
 FONT-SIZE: 12px; COLOR: #ffc9b6
}
.keynews A:link {
 COLOR: #ff7800
}
.keynews A:visited {
 COLOR: #ff7800
}
.keynews A:hover {
 COLOR: #ff7800
}
.wide_toptext{
 COLOR: #fff
}
.wide_toptext A:link {
 COLOR: #fff
}
.wide_toptext A:visited {
 COLOR: #fff
}
.wide_toptext A:hover {
 COLOR: #fff
}
.infom_bk IMG {
 VISIBILITY: visible
}
.category_bk IMG {
 VISIBILITY: visible
}
/*主背景*/
body{
/*--設定網頁外框--*/
border: 0px solid #000000;
/*---主背景設定---*/
background-color :#000000; /*背景底色*/
background-image : url(
http://wabis.biz/up0014/200905071359107551081734.jpg);/*背景*/
background-position :50% 0%;
background-repeat:no-repeat; /*背景圖片不重複排列*/
}

DIV.left {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftOut1 {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftOut2 {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.leftDown {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.right {
 BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 15px
}
DIV.rightDown {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
DIV.main {
background-color :#000000; scroll repeat 0% 0%;
}
DIV.mainOut {
 BACKGROUND:none transparent center top; WIDTH: 100%
}
div.mainout table{
visibility:visible;
}
div.mainout img{
visibility:visible;
}
DIV.righttop {
 BACKGROUND: none transparent scroll repeat 0% 0%
}


/*---隱藏左上小屋的頭像&登出登入---------------------------------------*/

.wide_wordbk7{background-image : none; border:none;}img {visibility:hidden;}


/*---最底下法律那些字-------------------------------------------------*/

DIV.footer BR {DISPLAY: none}
.footer .ssize {FONT-SIZE: 12px; COLOR: #ffffff}
.footer .ssize FONT {COLOR: #ffffff}

/*---整體頁面設定----------------------------------------------------*/

.home_DATAbutton ul li.loveA{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-2-3.png);width:69px;height:36px;text-align:center;}/*紅心背景上*/
.home_DATAbutton ul li.loveA a{height:10px;font-size:15px;color:#ffffff;font-weight:bold;}/*紅心文字*/
.home_DATAbutton ul li.loveA a:hover{color: #FF6666;}

.home_DATAbutton ul li.loveA2 a{;background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-3.png);width:69px;height:29px;}/*紅心背景下*/
.home_DATAbutton ul li.loveA2 a:hover{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/3-2.png);}/*給紅心-文字*/

.home_DATAbutton ul li.loveR{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/4.png);width:69px;height:36px;text-align:center;}/*紅心背景下*/
.home_DATAbutton ul li.loveR a{height:10px;font-size:15px;color:#ffffff;font-weight:bold;}
.home_DATAbutton ul li.loveR a:hover{color:#FF6666;}/*角色紅心數量-文字*/

.home_DATAbutton ul li.loveR2 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5.png);display:block;width:69px;height:29px;}
.home_DATAbutton ul li.loveR2 a:hover{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5-2.png);width:69px;height:29px;}/*角色給心-文字*/

.home_DATAbutton ul li.hello a{width:142px;height:36px;background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-1.png);}/*按鈕-打招呼*/

.home_DATAbutton ul li.to1 a{background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/4e570e02.png);} /*碎碎念*/
.home_DATAbutton ul li.to2 a{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/57ec1ea0.png);} /*訂閱*/
.home_DATAbutton ul li.to3 a{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/8d93ee66.png);} /*好友*/
.home_DATAbutton ul li.to4 a{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/361796e2.png);} /*寫信*/
.home_DATAbutton ul li.to5 a{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/8d93ee66-1.png);} /*黑掉*/
.home_DATAbutton ul li.to6 a{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/1472856f.png);} /*送禮*/

.home_dataBG {border: powderblue 1px solid; background:url(http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/01-2.png);}/*背景*/
.home_data {/*勇者數值鈕*/
background: url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/43974371ni9.png) no-repeat center bottom; }
.home_dataUP {border: #d3c87a 1px solid; background: #000; }/*能力值背景色*/
.home_dataUP TD {font-size: 10px; line-height: 14px;} /*能力值文字*/

 

 

/*頁數按鈕區*/
.pag{background:#4b0000; border:solid 1px #900000;}
.p_nolink{background:#4b0000; border:solid 1px #900000;}
.p_nextprev{background:#900000; border:solid 1px #900000;}
.pag:hover{background:#4b0000; color:#ff00cc; }

/* 1之 1頁 (3 篇)*/
.sertext{border: solid 1px #900000; background:#2b0000;}}
.sertext{color:#ffffff; text-align:center;}

 

/*碎碎念的留言送出那顆按鈕*/
a.homeTALKsend{ display:block; width:53px; height:35px;
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-2.png) no-repeat; }

/*碎碎念的留言框*/
.home_input4{height:60px; font-size:13px; width:540px};
.home_input4{background:#300000; color:#ffffff; border:solid 1px #900000;}

/*碎碎念選擇的按鈕造型*/
.pointerIN{background-image:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/11.png);}

/*碎碎念選擇的按鈕造型字的顏色*/
.pointerIN a:link,.pointerIN a:visited{color:#ffffff;}

/*碎碎念那排按鈕的背景*/
.pointerout {background:#000000;}

/*碎碎念未選擇的其他按鈕*/
.pointerout a:link,.pointerout a:visited { color:#ffffff;
background-image:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/06.png); }


/*碎碎念未選擇的其他按鈕滑鼠移入時*/
.pointerout a:hover { color:#ff00cc;
background-image:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/06.png); }


/*------所有的捲軸------*/
body{
scrollbar-3dlight-color:#600000;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#500000;
scrollbar-face-color:#600000;
scrollbar-highlight-color:#b00000;
scrollbar-shadow-color:#b00000;
scrollbar-track-color:#400000;}


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

 .home_t1 td{background:#000000;} /*月曆背景色 */
 .home_t1 table{background:800000;} /*月曆框線*/

 /*讓最右下角小圈圈消失法*/
 div.footer table {visibility:hidden;}
.footer .ssize {visibility:visible;}
div.footer {background: #000000;}/*最下面那塊底色*/
div.footer {border: 1px solid #800000;}

 

 /*--心情投票--*/
 .box_line{background: url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-4-2.jpg) no-repeat 50% 67% ; }

/*文字版、留言版底圖*/
textarea {
padding-left: 10px;
padding-right: 10px;
}


/*--------------右方廣告下面的東東--------------*/

.post_title {
height:35px;/*圖片大小高度*/
background-image:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-3-1.jpg);
background-position:left;
color:#ffffff;
padding-left:30; /*文字與左方的距離*/
 
}

/*-----小屋統計、個人紀錄文字顏色-----*/

.home_c1{color:#ffffff;}/*首頁的顏色*/
.home_c1 a:link, .home_c1 a:visited{color:#ffffff;}/*內頁的顏色*/
.home_c1 a:hover{color:#ffffff;}/*內頁的顏色*/

/*修改綠色點點*/
.post_list{background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/-11.png) no-repeat;}

/*------框框第一圈背景色------*/
.post_list{background-color:#000000;}

/*------框框第二圈背景色------*/
.postboxin{background:#000000;}

/*------框框第最外圈背景色------*/
.postbox2{background:#000000;}
.postbox2{border:0px dashed;}


/*中央整個背景、右邊廣告那整條背景*/
div.left {BACKGROUND: none transparent scroll repeat 0% 0%;}
div.main {BACKGROUND: none transparent scroll repeat 0% 0%;}


.ability_pad img{visibility:hidden;}/*GP跟BP圖片消失*/
.ability_pad {background: url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/GPBP.jpg) no-repeat; }/*GP跟BP的新增背景圖片*/

.box1 a:link {color:#FFFFFF;}
.box1 a:visited {color:#FFFFFF;}
.box1 a:hover {color:#FFFFFF;}


/*------全體按鈕-----*/
.button,.button2,.button3,.button4,.button_h1,.button_h2
{
background: url() repeat;
background-color:#400000;
border-top:#c5c5c5 1px outset;
border-right:#c5c5c5 1px outset;
border-bottom:#c5c5c5 1px outset;
border-left:#c5c5c5 1px outset;
color:#ffffff;/*上面的按鈕文字顏色*/
}
.button_c1{color:#ffffff;} /*下面的按鈕文字顏色*/
.button_c2{color:#ffffff;} /*設定區的按鈕文字顏色*/

/*------滑鼠移入效果-----*/
.button:hover,.button2:hover,.button3:hover,.button4:hover
{
background: url() repeat;
background-color:#ff00cc;
border-top:#c5c5c5 1px outset;
border-right:#c5c5c5 1px outset;
border-bottom:#c5c5c5 1px outset;
border-left:#c5c5c5 1px outset;
color:#ffffff;
}

/*------人物ID旁訂閱小屋按鈕-----*/
.home_order_button{
color:#ffffff;}
.home_order_button:hover {
color:#ff00cc;}

 

/*----整體文字----*/
TD{
color:#FFFFFF;
font-size:13px;
line-height:150%;
font-family:"Arial";
word-break: break-all;
word-wrap:break-word;
}
A:link{
color:#FFFFFF;
text-decoration:none;
}/*還未造訪連結狀態*/

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

A:hover{
color:ff00cc;
text-decoration:underline;
}/*滑鼠移入連結狀態*/

.extend{
color:#ff00cc;
}
.extend a:link,.extend a:visited{
color:#ff00cc;
}/*特殊連結(藍色)及屋主文章留言*/

.extend2{
color:#FF0000;
}
.extend2 a:link,.extend2 a:visited{
color:#FF0000;
}/*GP數與驗證碼顏色*/

.extend3{
color:#EEEEEE;
}
.extend3 a:link,.extend3 a:visited{
color:#EEEEEE;
}/*---個人部落閣內小字的顏色---*/


/*----其他共用部分----*/

.line{
border-bottom:1px dashed #FFFFFF;
}/*虛線*/
.line2{
border-top:1px solid #FFFFFF;
}/*實線*/


.article_pic{
height:0px;
width:0px;
}/*blog巴哈龍圖片消失*/


.home_input1{
color:#ffffff;
border:1px solid #ffffcd;
background-color:#200000;
}/*input實線(只用於引用文章網址處)*/
.home_input2{
color:#ffffff;
border:1px solid #ffffcd;
background-color:#200000;
}/*input實線*/
/*--------------------------框架------------------------------*/
.infom_bk{
border-left:0px solid #000000;
border-right:0px solid #000000;
padding-top:10px;
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/7c91c117.jpg);
}/*小屋首頁-勇者資料區背景色*/

/*----外部大框架設定----*/
.category_title{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5b4e2122.png) no-repeat;
height:40px;

}/*主標題一使用*/
.category_title2{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/5b4e2122.png) no-repeat;
height:40px;

}/*主標題二以下使用*/
.category_word{
color:#FFFFFF;
font-size:15px;
font-weight:bold;
padding-left:45px; /*主標題文字的位子*/
padding-top:0px;
padding-bottom:2px;

}/*主標題文字設定*/
.category_bk{
background:#200000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:12px 12px 0 12px;
}/*內文的背景色*/
.category_footer{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/a312815c.png);
height:25px;

}/*框架結束部分*/
/*----表格設定(置於大框架中)----*/
.box1{
border:1px solid;
}/*表格框線顏色*/
.box_title{
background:#900000;
font-weight:bold;
letter-spacing:2px;
}/*表格標題底色*/
.box_list1{
background-color:;
}/*---個人相關資訊底色---*/
.box_list2{
background-color:#2b0000;
}/*---最新收錄精華底色---*/
.box_icon1{
background-image:url(
http://pic.bahamut.com.tw/home/list_icon1.gif) no-repeat;
}/*三角形箭頭icon*/
.box_icon2{
background-image:url(
http://pic.bahamut.com.tw/home/list_icon2.gif) no-repeat;
}/*圓形彈珠icon*/
/*-----------------------最上方顯示大圖-----------------------*/
.banner{
background:none;
height:500px;
padding-left:0px;
padding-top:0px;
}/*小屋上方主圖*/
.banner_t1{
color:;
font-weight:bold;
}
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:FFFFFF;
font-weight:bold;
text-decoration:inherit;
}/*暱稱和帳號文字*/
.banner_t3{
color:FFFFFF;
line-height:18px;
height:42px;
}/*碎碎唸文字顏色*/
.banner_t4{
color:#FFFFFF;
}/*顯示官階的文字顏色*/
.banner_t5{
color:#FFFFFF;
}/*顯示稱號的文字顏色*/
/*---------------------------主選單---------------------------*/
.menu{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/a9bb39bd.png) no-repeat;
height:35px;
}/*選單背景圖*/

/*----小屋首頁那排按鈕,選單所在頁面狀態----*/
.menuIN{
background:none;
font-weight:bold;
color:#FFFFFF;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}
.menuIN a:link,.menuIN a:visited{
font-weight:bold;
color:#ffoocc;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
/*----選單非所在頁面狀態----*/
.menuout {
font-weight:bold;
COLOR:#FFFFFF;
height:35px;
line-height:35px;
text-align:center;
text-decoration:none;
}
.menuout a:link,.menuout a:visited {
font-weight:bold;
color:#FFFFFF;
height:35px;
line-height:35px;
text-align:center;
}
.menuout a:hover {
background:none;
font-weight:bold;
color:#ff00cc; height:35px;
line-height:35px;
text-align:center;
text-decoration: none;
DISPLAY: block;
}
/*---------------------------次選單---------------------------*/
/*----無次選單狀態----*/
.menubarA1{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:1px solid #000000;
}/*次選單與主選單連接部分*/
.menubarA2{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:0px;
}/*次選單結束部分*/
/*----有次選單狀態----*/
.menubarB1{
background:#000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:0px;
}/*次選單與主選單連接部分*/
.menubarB3{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/d2fddc2d.png);
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:0px;
border-bottom:1px solid #000000;
padding:6px;
text-align:left;
}/*放次選單按鈕的背景色*/
.menubarB2{
background:#000000;
}/*次選單結束部分*/


/*----------------------------小屋封面圖------------------------------*/
.cover_pic{
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/01-1.jpg) repeat;
}/*COVER圖*/

 

/*---------------------各文章列表區(下方)---------------------*/
/*----------個人部落閣----------*/

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


/*----新文章有人物圖背景的區域----*/
.articlebox{
border:1px solid #FFFFFF;/*部落閣內GP旁的框框*/
background:url(
http://i463.photobucket.com/albums/qq360/Kirino/Bahamut%20Blog/392cd90f.jpg);
text-align:center;
width:450px;
height:120px;
}


.article_hr{
border:none;
background-color:#D9ECF0;
height:1px;
color:#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:#49A1B3;
font-weight:bold;
font-size:12px;
border:1px solid #9A9A9A;
background-color:#FFF;
}/*收藏人數文字顏色和底線框色*/

 

.home_scroll{
width:650px;
height:80px;
overflow:auto;
scrollbar-arrow-color:#067180;
scrollbar-face-color:#92D1DA;
scrollbar-highlight-color:#465059;
scrollbar-3dlight-color:#C6E6E6;
scrollbar-darkshadow-color:#067180;
scrollbar-track-color: #A0C9C9;
scrollbar-shadow-color: #2BA2B3;
text-align:left;
font-size:12px;}

 




再來只要把底圖做一張黑色系的,應該就會很好看了
請調整.banner{height:500px;}內的數字,來配合圖片的高度
1
-
未登入的勇者,要加入 7 樓的討論嗎?
板務人員:歡迎申請板主