創作內容

1 GP

CSS大師們麻煩幫一下

作者:PO PO│2008-01-06 23:19:27│巴幣:0│人氣:885
這是巴友"同學"給我的語法好讓我可以用背景
/*--------------------------整體頁面設定------------------------*/
body{
background:transparent url
(http://img181.imageshack.us/img181/5566/193zu7.jpg)...最遊記底圖
fixed no-repeat right;
}/*背景圖*/

/*全板背景*/
div.left,div.leftOut1,div.leftOut2,div.leftDown,div.right,div.rightDow
n,div.container,div.main,div.mainOut,div.footer{
background: transparent;
}/*全板背景透明*/

/*右選單背景*/
.postboxin {
background-color:#f0ffff;
}/*小屋統計..個人記錄區塊*/
.postbox2 {
background:transparent;
filter:Alpha(opacity=80,finishOpacity=1,style=0);
}/*今日訪客區塊*/



但是每次是背景都沒法用
下面是我目前的CSS語法
會不會跟這些語法牴觸還是?




body{cursor:url(http://bb5.babyhome.com.tw/UPLOAD9/155690/ss.ani)}/*移到網頁時的滑鼠游標*/
a:hover {cursor:url(http://bb5.babyhome.com.tw/UPLOAD9/155690/bat.ani)}/*移到超連結時的滑鼠游標*/
/*--------------------------整體頁面設定--------------------------*/

/*----整體文字----*/

TD{
color:#FFFF00;
font-size:12px;
line-height:150%;
font-family:"Arial";
word-break: break-all;
word-wrap:break-word;
}
A:link{
color:#007B1D;
text-decoration:none;
}/*還未造訪連結狀態*/

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

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

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

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

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

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

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

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

.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:#999999;
border:1px solid #EFEFEF;
background-color:#FFF;
}/*input實線(只用於引用文章網址處)*/

.home_input2{
color:#464646;
border:1px solid #D5D5D5;
background-color:#FFF;
}/*input實線*/

/*--------------------------框架------------------------------*/

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

/*----外部大框架設定----*/

.category_title{
background:#FF2E0C;
height:40px;
border:1px solid #CCCCCC
}/*主標題一使用*/

.category_title2{
background:#2D328D;
height:40px;
border:1px solid #CCCCCC
}/*主標題二以下使用*/

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

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

.category_footer{
background:#1666A4;
height:25px;
border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;
}/*框架結束部分*/

/*----表格設定(置於大框架中)----*/

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

.box_title{
background:#000000;
font-weight:bold;
letter-spacing:2px;
}/*表格標題底色*/

.box_list1{
background-color:#000000;
}/*表格內文底色 1*/

.box_list2{
background-color:#FF2E0C;
}/*表格內文底色 2*/

.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://pic.bahamut.com.tw/HOME/02/head_paul78607.JPG) repeat;
height:600px;
padding-left:20px;
padding-top:15px;
}/*小屋上方主圖*/

.banner_t1{
font-size:1px;
color:#FFdddd;
font-weight:none;
}
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#FFFF00;
font-weight:bold;
text-decoration:inherit;
}/*暱稱和帳號文字*/

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

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

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

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

.menu{
background:url(http://img526.imageshack.us/img526/9597/cwln7.png) no-repeat;
height:35px;
}/*選單背景圖*/

/*----選單所在頁面狀態----*/

.menuIN{
background:url(http://img529.imageshack.us/img529/4922/bsqm9.png) 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://img529.imageshack.us/img529/4922/bsqm9.png) no-repeat;
font-weight:bold;
color:#0055CB; height:35px;
line-height:35px;
text-align:center;
text-decoration: none;
DISPLAY: block;
}
/*---------------------------次選單---------------------------*/

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

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

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

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

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

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

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

/*----------------------------小屋封面圖------------------------------*/

.cover_pic{
background:url(http://pic.bahamut.com.tw/HOME/02/home_paul78607.JPG) repeat;
}/*COVER圖*/

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

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

.apprise_bg{
background-color:#0087E1;
}/*評價區底色*/

.ability {
background-color:#FFF;
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:#179AB0;
font-weight:bold;
}
.article_t1 a:link, .article_t1 a:visited{
color:#179AB0;
font-weight:bold;
}/*個人部落閣文章標題顏色*/

.articlebox{
border:1px dashed #000000;
background:url(http://img142.imageshack.us/img142/4634/spawnnk4.png)
background:#000000;
background-position:left;
padding-left:15px;
height:154px;
width:720px;/*這一行的意思是強制寬度變成720px(寬度可以自訂)*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色*/

.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;
}/*收藏人數文字顏色和底線框色*/

/*------右下的標題格式-------*/
.post_title {
height:數字px;/100/
background-image:url(http://img207.imageshack.us/img207/6264/spawnaz8.png);
background-position:left;
COLOR:.000000#;
PADDING-left:70; /*←文字與左方的距離,請自行調整。*/
PADDING-top :0; /*←文字與上方的距離,請自行調整。*/
}

/*------右下的標題list格式-------(就是白色那一塊)*/
.post_list{
background-color:#000000;/*讓你把白色改成別的顏色*/
color:#0087E1;/*文字顏色*/
}
/*-----今日訪客等等的灰色外框-----(紅色那一塊)*/
.postbox2{
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線,這讓你改那一條*/
background:#9A9A9A;/*讓你把灰色換成別的顏色*/
}
/*-----post_list裡面改不掉的那一圈白色-----(藍色那一塊)*/
.postboxin{background:#000000;/*讓你把藍色塗掉*/
}

/*--------------------其他背景--------------------*/
/*-----左右兩側、綠色線、不建議設底色background-color -----*/
div.mainOut { /整條(細線綠色)/
width: 950px;
margin-right: auto;
margin-left: auto;
text-align: center;
border:green 5px dashed;border-top:0px;
border-bottom:0px;
border-right:2px;
border-left:2px;
}
/*-----右下角那一塊、紅色、不建議設框線border -----*/
div.main {
width: 948px;
margin-right: auto;
margin-left: auto;
background-color:black;
background-image:;
}
/*-----主要的底色、橘色、這裡設框線border只會多一條線在橘色的上面-----*/
div.left {
width: 774px;
margin-top: 1px;
text-align: center;
background-color:black;
background-image: url(http://http://img148.imageshack.us/img148/2131/newavengerstransformersge9.jpg);
}
/*-----最下面、藍色-----*/
div.footer {
background-color: #000000;
background-image:
border: solid darkblue 2px; /那條深藍色線/
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=116018
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 4 篇留言


很抱歉~~沒辦法幫到你
我不懂css..我是邊錯邊改...
也不知道是不是因為有改到其他地方的影響
所以才有我現在的小屋~~抱歉喔

01-07 01:36

PO PO
沒關的啦
不過你還給我一個GP
真是不好意思01-07 18:20
查無此人
這不就是你的小屋整體語法嗎?

我實在看不出來你的問題在哪裡。

可以直接跟我說你的問題在哪裡嗎?

或著是你想改善的地方。

雖然不一定能幫到你就是了。

01-07 21:29

PO PO
我的背景圖
用不出來01-07 21:46
查無此人
background:url(http://img181.imageshack.us/img181/5566/193zu7.jpg)
fixed no-repeat right;
把以上的網址複製到你的背景圖裡面

取代之前的語法。

01-08 00:37

PO PO
謝謝
等我考完期末考就會試試01-08 00:43
u0ty1g
你還記得我嗎? 之前的號太久沒登忘記了 又重新申請一個 最近我有想玩天堂m 你要和我一起玩嗎 網址是:http://lineage-m.ga

12-07 20:20

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

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

前一篇:[達人專欄] 他是神?還... 後一篇:我碰到的靈異事件經驗談...

追蹤私訊切換新版閱覽

作品資料夾

zxp915415大家
各位好,小說-【不是冤家不聚頭】,已新增第二話,歡迎各位來看看喔~看更多我要大聲說昨天13:00


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

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