創作內容

5 GP

【小屋】CSS語法-框架透明化

作者:心月繫舞│2007-09-12 04:47:29│巴幣:2│人氣:3991
下面是我有動過的地方
都能透明化

密密麻麻一片 看到會眼花..
應該還有缺= =

第一次為了這個爆肝 冏
睡醒在來找看還有哪裡有缺在補上

睡覺去...


ps:
部分資料參考至
如語娃娃(indream228)
兔(sindsiona)
異(u4)
謝謝這些巴友的資料



none也可以換成你要的顏色
改成none會變成透明

/*--------------------------框架------------------------------*/
.infom_bk{
border-left:1px solid none; /*勇者框線透明*/

border-right:1px solid none; /*勇者框線透明*/
padding-top:10px;
background:none /*勇者資料透明*/
}/*小屋首頁-勇者資料區背景色*/

/*----外部大框架設定----*/
.category_title{
background:none; /*文章精華好友主框透明*/
height:40px;
border:1px solid #CCCCCC
}/*主標題一使用*/

.category_bk{
background:none; /*文章精華好友內文顏色*/
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:12px;
}/*內文的背景色*/

.category_footer{
background: none; /*文章框透明*/
height:25px;
border-right:1px solid #CCCCCC;border-left:1px solid
noneborder-bottom:1px solid none
}/*框架結束部分*/

/*----表格設定(置於大框架中)----*/
.box_title{
background:none; /*勇者基本資料標題框透明化*/
font-weight:bold;
letter-spacing:2px;
}/*表格標題底色*/


/*整頁*/

div.container { /*上面廣告以下的整頁*/
background: none;
}

div.mainOut { /*整條(細線)*/
background: none;
}

div.main { /*小屋首頁看是右邊下方(但說起來是整頁)*/
background: none;
}

div.leftOut1 {/*左邊上面(細線)*/
background: none;
}

div.leftOut2 { /*T細線*/
background: none;
}

div.right { /*右邊勇者搜尋框底色*/
background: none;
}

div.left {/*左邊*/
background: none;
}

div.rightDown { /*右邊下面*/
background: none;
}

div.leftDown {
background: none;
}

div.rightTop { /*右上廣告外框*/
background-color: none;
}

div.footer { /*最下面*/
background: none;
border-top: solid #B8B8B8 1px; /*下面的線顏色*/
}

/*右下的訪客統計紀錄外框*/
.postbox2 {
background: none;
}

.postboxin {
background: none;
}
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=568492
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 8 篇留言

遺忘
字變的不清楚,不過背景圖很漂亮=ˇ=...
請問是語法裡面加上background: none;就可以了嗎?

09-12 09:59

心月繫舞

應該說找到background:後
後面加上none;就會變透明了

能換的地方很多
所以也要自己多實驗一下
才曉得要更換哪邊XD

記得把原先的備份下來喔09-12 13:37
莫失莫忘-水霝
0.0

噗~要點進來看文還找不到點擊點= =

真的好多好玩的捏...^^

09-12 14:32

心月繫舞
點看更多就好啦XD09-12 14:43
大蛇丸
  我想上面的「采穎霝」想表達的,不是看不到,而是沒辦看到。你用的程式碼,用 firefox 瀏覽器關看的時候是一片空白,但是用 IE 才正常,妳看是要加註標記還是怎樣提醒人家一下,這樣人家才不會覺得你的網頁怪怪的,不過你網頁確實有怪怪的,我剛剛看原始碼的部份,發現你的網頁的背景,也就是中間這段的背景,理論上已經無背景了,其實在 firefox 應該也是無背景,但是卻無法顯示出你想要表示的樣子。

  另外就是,關於能夠修改的地方,其實只要有以下的幾個設定值的,都可以改成你所謂的「透明」(我們稱他為 disable 或是 N/A):background、color。因此所有的都可以改,那麼,後面加上色碼的就是純色,如果需要的話也可以將 background 後面加上 -image 的參數,讓背景變成圖片,接著放上 url= 參數後放網址。color 的部份,也可以比照辦理,如果想要自己設計表格外框,像是勇者區的,其實可以將 background 去取代他,這樣也會有一定程度的效果。

  這些就給你參考了。

09-13 13:59

心月繫舞
謝謝妳的資料
有空在來修改小窩XD09-14 15:11
美聲♀淚小喵
本來想用透明化...
可是看了大大的板之後~
還是不要用透明化好了@@"
字看不清楚...

09-13 18:52

心月繫舞
字不清楚是我底圖關係吧?09-14 15:11
高木宥人
原來透明的語法是這樣
這篇文章真是讓我獲益良多

09-14 15:45

雪落封塵
DIV.mainOut {BACKGROUND: #FFF;}
DIV.main {BACKGROUND: #fff}
DIV.leftOut1 {BACKGROUND: #fff; }
DIV.leftOut2 {BACKGROUND: #FFF; }
DIV.left {background: url(圖址) no-repeat;}
DIV.rightDown {background: #fff ;}
DIV.right {background: #FFF ;}
DIV.footer {background: #fff; border:none;}

試試看這個,從異大(u4)家偷來的 ≧▽≦
貼上後將選單、上方大圖、封面圖背景改成transparent
這樣就可以貫通嚕~看到上面那張漂漂的臉被截成兩半感覺怪怪的 =.=
還有字可以改成比較顯眼的顏色,這樣看還滿辛苦的 =.=
老人家辨色力差...可以試試看灰色吧 #).3.)

09-19 20:01

心月繫舞
想把文字後面的背景色弄出來
就是弄不出來..
現在也蠻懶的改=.=
謝謝你提供的語法哦09-28 20:24
蕭瑟印
喔..整個很漂亮一ˇ一..

10-31 17:36

心月繫舞
謝謝^^10-31 20:56
sakuya
謝謝!

04-29 14:59

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

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

前一篇: 猜... 後一篇:我討厭這種女生?.....

追蹤私訊切換新版閱覽

作品資料夾

ShuLongQinHu給大家
小屋更新~APH軍服路德(德國)納粹軍服版插圖看更多我要大聲說5小時前


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

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