創作內容

58 GP

css - 新版設定_圖文對照 2010/11/05

作者:小角落..│2008-05-16 19:13:20│贊助:4│人氣:9087
..
由於這幾天巴哈的大改版,css都不能編輯了…
這些是改版後的,有些地方我還沒找到在哪改,
尚未發現處:留言版的文字顏色訪客留言區塊
還有其他疑漏處也歡迎提出^^




公告文 css - 大滅絕 (新版區塊解析)
原來的舊文搬到css - 全語法+圖片對照..2009/6/20
想改【半透明】看css - 軟體分享(新版半透明教學)




*進階設定



*小提醒

  1.
【主要文字】有時候會設定失敗,如果不能設定,改回【快速設定】。
  2.有些可以設定圖的地方,記得先把【無圖】打勾,才會顯示【純色】,ex:主選單。
  3.把滑鼠放在【黃色問號】上,可預覽修改的位置。
   

  4.右邊標題如果要換圖,【底色】要設定【透明】,標題文字才會顯示。
  


  5.圖片太大沒關係,可以上傳到其他空間,將網址貼上。
   
  6.這兩處在【進階設定】中,雖然都是【特殊區塊 - 次要色塊1】
   但是,後來發現其實可以分開設定。
     方法:(1)先到進階設定【特殊區塊 - 次要色塊1】設定顏色 →問你要不要存,切換→要
        (2)切換到【快速設定- 區分用色塊】
        (3)套用
    a.首頁的訪客留言
      
    b.文章內的屋主回應
      





*首頁:






*叭啦區:





*部落閣文章選單:





*部落閣文章內文:






*精華區:



引用網址:https://home.gamer.com.tw/TrackBack.php?sn=475766
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:css|小屋|教學|佈景

留言共 74 篇留言

皇羅
這篇棒啊!!!不過大部分我都會了~哈哈
因為小角落的教學每篇我都有仔細看XD

05-16 19:22

小角落..
對阿~皇羅是乖小孩~
你家東西越改越多呢!!
我都有注意到唷^^05-16 22:17
隱藏腳色
感謝分享

我想問一下


'連結'

這種效果如何做出 可以教一下嘛=﹞

05-16 19:22

小角落..
是指『半透明』的效果嗎?
在那裡寫上background的顏色
然後加上這句↓
filter: Alpha(opacity=70);
這樣就可以了^^05-16 22:15
魘小瀹
感動....
只要看這篇其他都可以不用找了,
感謝小角落的分享>ˇ<

收藏囉~

05-16 19:38

小角落..
咦..這有什麼好收藏的XD
感謝您不嫌棄..05-16 22:16
 失序
nini 妳太強了!受用無窮
收藏收藏!

05-16 23:48

小角落..
很混的一篇..
不知道在寫什麼..
圖片整理蠻久就是了..
為什麼大家狂收藏..@O@"
失序應該沒有多餘的時間學css語法吧XD..05-17 09:28
宿唯
很讚喔~收藏+1
找天再來好好研究XD
不過用半透明好像都會怪怪的...速度又慢ˊˋ

05-17 12:16

小角落..
半透明會變慢?會嗎@@?
(可能我電腦慢習慣了吧XD)
有聽說濾鏡效果用太多會變慢就是了!!
---
奇怪..怎麼一堆人收藏..
老實說..我不喜歡『捲軸拉很長』的感覺..
而且有些標籤我還不知道他到底作什麼用的XD05-17 23:07
無盡的雷鳴
真是好物阿!!!!!

一定要收藏收藏^___^

有空在玩看看

05-17 16:38

小角落..
感謝您的收藏..
有點不好意思XD
你家已經改得差不多了啦>///<05-17 23:08
修蘿‧黑翼
超齊全的...0.0+
--

小角落這篇有神到.....

05-17 18:53

小角落..
沒有很齊全阿~
有些標籤我還不知道她做什麼的..
像.elite 就不知道XD..
---
比較神的是'css - 各區塊分類解說圖'這篇..
不過要20巴幣XD..
也許大家需求不同吧!!
所以對大家來說這篇比較有用(?)
---
之前那個勇造..
我後來就沒研究了..
不好意思阿..
好像就只能那樣..沒有其他的標籤可以改了>"<
(只是頭部被幾個字遮到而已阿XD)
(小聲:好嘛..我做事都虎頭蛇尾..ㄒ_ㄒ)05-17 23:13
Ni-Hao-Zhai♥
不解= =

啥你妳你我我我?

還是不懂阿>口<

05-17 20:04

小角落..
我可以不相信嗎。05-17 23:18
 失序
失序應該沒有多餘的時間學css語法吧XD..
↑這nini怎麼猜的?

05-17 23:21

小角落..
當然是因為,你們畫勇造圖很花時間阿 !05-17 23:23
 失序
可是沒有天天畫,大概幾個禮拜才會畫一個。

05-17 23:35

小角落..
哦~那我只能跟你說..
玩小屋語法是條不歸路..
好好考慮清楚在玩囉XD05-17 23:38
虎爺
好仔細....好工整啊

來給你打打氣

在忙也要來我的(勇者小屋)坐坐唷

我會準備一壺 絕品好茶 招待您

等待您的大駕光臨!

GP給你配著吃

05-17 23:46

小角落..
感謝您的GP唷!!
正在看你的天堂冒險~
害我好想回去玩阿..
好懷念的說!!05-17 23:58
 失序
那= =以後委託nini 做好再套用XDDDD
(如意算盤)

05-17 23:50

小角落..
我不會幫人家做呢!!
因為我自己家也改的不好>"<
而且我不會畫圖^^"05-17 23:57
 失序
被nini拒絕,嗚.......

05-18 00:07

小角落..
呃..我是怕做的不好..
不然你給我圖..
我幫你做阿XD?
其實沒有很難!!05-18 00:16
虎爺
謝謝您喜歡我的文章

再次感謝

05-18 00:38

小角落..
不會~
我到是比較怕你會覺得我的留言很酸XD
感覺之前的人好像都沒玩過天堂?05-18 10:53
letmedo
謝謝啦~~~仔細研究去

05-18 07:50

小角落..
好好加油吧!!05-18 10:53
檸檬汁半糖多冰
好棒的教學文啊 XD

整個小屋CSS的精華都在這裡了

這篇可以請版主至頂列入精華區嗎(誤)

趕緊收藏起來,嘻嘻~~

05-18 19:31

小角落..
置頂阿~~~
我也想><"
害我不敢新增文章了~
(看大家狂推XD..其實沒那麼好..我有偷懶 ~哈)
希望真的有幫到大家的忙囉^^05-18 21:29
馬德哩~蝨
一級棒!雖然你很謙虛!你這功力就讓我們學夠久的了

05-18 23:16

小角落..
噗~我也學很久阿>Q<
前前後後三個月!?
慢慢研究慢慢來囉..05-19 10:47
嫵媚娘
感動>_<也很感謝

05-24 02:02

小角落..
不會^^~
大家的小屋都很漂亮阿@@"05-24 22:55
天宇不凡
寫的蠻詳細的
要是不給雞皮就真的太對不住了^^
也因為有各位的付出
才有好的小屋佈景作品
請繼續加油~~

05-25 15:33

小角落..
咦~好厲害喔!!
你的勇造怎麼用在基本資料旁的><
我研究不出來><
---
你好認真喔..
一直在研究@@
也一直在投稿..
已經沒有那種熱情了ˊˋ05-25 17:14
天宇不凡
咦@@a
我應該不是第一個這樣做的吧
我還以為大家都知道說
也是一樣用物件移動的語法
'跟你這篇的教學是一樣的'
只是物件改成勇造的按鈕就是了........= =a

05-25 17:37

小角落..
謝謝你~原來我取錯語法了@@"05-25 17:42
點點點
喔~最終整理太棒了(ゝ∀・)b
我的小屋從頭到尾都是小角落提供的語法
之前來都沒推(心裡實在對不起自已和小角落><")

05-25 23:20

小角落..
不會啦~
你家很漂亮唷^^
很有自己的風格!!(豎指
游標好可愛阿>Q<
不會做游標>"<05-25 23:37
L君
真素太神了>"<
不推不行ㄚ!!!

05-29 17:01

小角落..
謝謝>Q<
沒有很神阿!!!
希望有幫上忙唷^^05-29 17:22
L君
有問題詢問0.0

'圖中用紅線圈起來的灰色框架....'

要怎麼吧它拿掉???

06-01 12:49

小角落..
.cover_pic{
height:0px;
background:none;}

抱歉現在才看到XD06-01 14:16
小角落..
另外補充..
那個框線沒辦法單獨拿掉..
然後放上圖片..

你看到我家這樣..是假象..
我是寫在div.left06-01 14:52
無名氏
真是太厲害了
看得出大大很用心做這篇呢

另外大大問的 elite
好像是在'這裡吧'
這用到的標籤好像有「elite」跟「unline」吧...

06-01 20:30

小角落..
原來如此!!
好厲害阿~~!!
基本上我只看部落格文章
還有首頁而已..噗~~
沒想到那個標籤是在那裡@O@"
---
感謝你阿阿阿~~^^06-02 13:47
L君
感謝解答^^
因為最近在研究小屋
所以這陣子會來你小屋邊研究邊看XD

關於妳的補充..
我還是不太懂XD
到時遇到瓶頸還需要大大解答XD"

<(_ _)>

06-02 00:45

小角落..
就是..很複雜..噗!!
---
有些人會想要放cover圖
可是卻不要邊框..(補充就是在說這個)
---
嗯..歡迎問問題唷>Q<
不過我很少去逛別人小屋就是了...06-02 13:49
 失序
來抱 nini 大腿....忙小屋問題

06-03 20:22

小角落..
哇 你家好漂亮喔!!
好粉紅>///<06-03 22:42
水玥夕
自己家做得很雜亂無章XD
(印象中角落還幫我解答過QQ)
總之請讓人家收走吧Q口Q

06-16 17:31

小角落..
不會ㄚ~
有種夢幻的感覺@@?
我很少回答別人的..
因為很少人問問題XD
感謝您的收藏@O@"06-17 21:37
西行寺天子
對我的小屋改造的幫助非常大 非常謝謝

06-19 01:37

小角落..
謝謝你的鼓勵~
好好加油吧^^06-20 08:40
十六月
感謝您的教學 受益良多m(__ __)m

06-23 09:33

小角落..
很高興有幫到忙唷^^~06-25 19:56

好細心的教學喔~ 我看了一下對小屋 有好大的幫助 感謝你大方的提供
雖然 還 有些看不懂 但是 我還 會 努力的
還是要 謝謝你 感激

06-25 14:58

小角落..
哪裡看不懂~@@?
有點亂~不好意思..
嗯..大致上就那樣~噗~(逃06-25 19:56
男的辣
打包帶走XDD"

謝謝

07-03 16:40

小角落..
@@
歡迎打包XD
不客氣^^07-04 16:05
小桔
感謝^^

07-07 23:31

小角落..
加油@@"07-08 10:36

現在開始自己在研究~累
這篇大推!

07-16 17:57

小角落..
呃~大大的小屋很漂亮阿!!
我很喜歡這種淡淡的感覺呢~
好羨慕阿~我不會畫圖><07-20 20:48
茜紅葉
啊啊... 大大的語法教學真是寫的太棒了...

連我這種只會改圖片的人也可以略懂一二
筆記打推打包帶回家研究(感動的哭

07-18 19:29

小角落..
嗯~很高興有幫上忙喔!!
您的小屋大致上雛型出來了~
在修改小地方就可以囉^^
可以考慮貼上這些看看↓
/*-------------小屋區表單背景設定-------------*/
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.footer {background: none;
border: solid darkblue 0px;}

還有這個↓(去除兩邊框線)
.category_bk{
background: none;
border-left:0px solid #7fbfff;
border-right:0px solid #7fbfff;
padding:12px;/*內文與左右兩邊的距離*/}

以上可參考'這篇'的教學
(從『進階版』後開始看)07-20 20:55
拎刀西郎
收起來慢慢看. v .

09-05 21:53

小角落..
謝謝您的收藏~
寫的亂七八糟的XD09-05 22:30

打包外帶!回家慢慢吃!
日後有空慢慢的研究,
謝謝老闆~

10-17 10:52

小角落..
感謝收藏~
不過最近改好多東西~
懶的更新了XD10-18 23:11
//||-﹏-|3|| 狼
好文!

10-17 19:36

小角落..
謝謝喔@@10-18 23:11
雲中鶴
好東西 我收下了 謝謝

11-07 08:19

小角落..
謝謝您的喜愛,
可能會看的有點亂=口=11-07 18:41
Lee
我包走嚕 慢慢研究中...

11-12 23:11

小角落..
嗯嗯~加油哩11-16 19:24
GGYY
哇喔~好豐富詳細的內容

這才是所謂的精華吧><

12-08 23:49

小角落..
亂七八糟的@@
祝你看的懂(逃~12-09 17:42
尚未設定暱稱
謝謝大大提供如此實用的文

我帶回家收藏嚕~3Q

12-13 08:56

小角落..
請自便..
---
(其實巴哈改了很多..
這篇我都懶的改..
怎麼一堆人收藏XD)12-13 12:55
♅ёąят
收藏+1 ^0^/

很棒的語法文喲,雖然很久不去動CSS了(汗

01-06 22:42

小角落..
我也很久沒動了..
感謝收藏@O@"01-11 21:19
小王子的玫瑰
很實用的好文 寫的很詳細

01-07 15:16

小角落..
是您不嫌棄..>"<01-11 21:19
阿彬哥
GJ!!!

01-15 17:40

小角落..
謝謝..01-15 20:36
炎蒂
您的文章幫了很多不了解CCS的人一步一步改善,真的很感謝無私分享...太感謝了
(自己也是慢慢看您的步驟修改,致上萬分感謝)

01-19 20:28

小角落..
謝謝你的誇獎XD
已經把本篇的使用方法補上去了..
如果再懶的看..
我也迷辦法ˊ_ˋ
你家蠻漂亮的唷^^01-20 21:01
豆花不吃豆花
好棒阿!
終於可以把自己的小屋改一改了!
推+收!

01-25 23:19

小角落..
謝謝你的推文^^
改小屋需要很大的毅力!!
還有耐心..加油了^^01-29 10:50
森川啾比
>"<讚哦

01-31 00:18

小角落..
謝謝@@
小屋改版改很多..
都很懶的在修改內容XD
---
巴哈LAG..多賺兩個GP @O@"01-31 10:58
楽々
很讚啊

02-07 13:38

狼喚夜
不好意思,想請問大大...

#allhtml{display:none !important;}/*碎碎念隱藏2008.10.28*/

/*.infom_bk img{height:0px;}*//*1.勇造隱藏(a)*/
/*.infom_bk a{display:none;}*//*2.勇造按鈕隱藏(a+b)*/
/*.infom_bk a{position:relative;top:250px;left:140px; }*//*將勇造移到基本資料旁*/

/*--勇者基本資料--*/
.home_h1{color:royalblue;
padding-left:0px;}

以上這些語法該怎麼貼能正確的發揮效用呢?我直接貼進小屋CSS去,卻都沒有效果..(CTRL+F5有按過好幾下了)

我覺得是我貼錯方式了,還請大大指點XD"

02-28 04:57

小角落..
#allhtml{display:none !important;}/*碎碎念隱藏2008.10.28*/
這行是這裡↓隱藏
[img=http://i590.photobucket.com/albums/ss345/KIWIMIR/bd15b39b.jpg]
那是因為剛出現這個功能的時候,大家覺得很破壞美觀,所以才有這語法
不過大家強烈反彈之後,巴哈就推出,可以按「刪除」把他隱藏

.infom_bk img{height:0px;}/*1.勇造隱藏(a)*/
.infom_bk a{display:none;}/*2.勇造按鈕隱藏(a+b)*/
/*.infom_bk a{position:relative;top:250px;left:140px; }*//*將勇造移到基本資料旁*/
這三個我把它【註解】起來了,所以會沒有效果XD
(請看1.2和3的差別) 你這樣貼上去,應該就有效果了

/*--勇者基本資料--*/
.home_h1{color:royalblue;padding-left:0px;}
這個是舊版的語法..不用管他..(現在沒有用了><)
在有「打招呼」這個奇怪介面之前- -"


被發現都沒在更新了(逃~03-01 18:15
狼喚夜
成功了~多謝指導XD!!

03-01 19:10

小角落..
恭喜阿XD03-02 15:28
→㊣~恍惚熊~㊣←
(≧▽≦)/
真是太詳細啦.
想找的通通都找得到~

右邊的那些選單終於可以調整了.
除了感謝還是感謝~GP發射XD

03-01 21:34

小角落..
阿~很久沒更新了~
也懶的更新了~巴哈改了好多0.0"03-02 15:29
妄兮痕
還是圖解法比較淺顯意懂,要不然看著一堆落落長的語法眼睛會很吃力。= =
趕緊收起來XD
可以藉問個問題嗎,就是小屋首頁的按鈕一動到文章就會咖掉,那是修改按鈕的部份嗎?
搞了好久它還是這個模樣,動漫櫃的也是一個樣QQ

03-08 12:56

小角落..
你是說區塊的「刪除」按鈕?
那個在「小屋首頁」→「小屋區塊設定」
可以把不小心隱藏的區塊找回來
(應該是這個吧 XD?)03-09 00:00
妄兮痕
和那個沒什麼關係,感覺比較像是語法的問題。
只要動到小屋首頁最新文章下面的那排銀色按鈕,原本框框內的文字會自動切一半掉。
連帶動漫櫃的評分欄也是,好好的一個長方形框框,除了第一個作品外,下面的都被"腰斬"
哪天夠閒再重新改算了,同樣的問題已經困擾太久了="=
不過還是感謝你的解答ORZ

03-09 12:45

小角落..
嗯~不知道什麼問題~
沒碰過..不過我只知道~你按鈕語法沒寫完全
滑鼠移入會變成預設的灰色
'css - 按鈕篇'

應該是少了這段?↓ (hover 滑鼠移入)
/*------------------滑鼠移入按鈕---------------*/
.button2:hover,.button3:hover,.button4:hover{
background:none;
border-top:#757575 0px dashed;
border-right:royalblue 0px solid;
border-bottom:royalblue 0px dashed;
border-left:royalblue 0px solid;
}03-10 11:36
妄兮痕
嗯...拿去預覽畫面看了一下,好像還是一個樣。
我自己再找個時間重置再改一遍。
再次感謝你的幫忙ORZ

03-10 12:43

小角落..
熊熊發現你家的問題沒有了@@
不曉得改了蝦米05-06 00:06
幻想
真的是太讚的整理了讓我不得不給你GP
可以的話我還想給你1000GP>O<
感謝教學囉~~~

05-05 22:00

小角落..
啊,很多東西都懶的改了說><05-06 00:05
妄兮痕
隔了好久才回來看留言,會不會太晚(汗)@@
後來發現是透明語法的問題,那是之前從別人家抄過來玩的XD
table{filter:Alpha(Opacity=85)}
↑出問題時用的

後來換了另一種的透明語法才修好的,好險救回來了(驚)
當然還是要大大感謝你的熱情幫忙=w=

05-26 00:55

小角落..
table{filter:Alpha(Opacity=85);}
這個語法沒有錯啊,
只是你少了一個『分號』
不過我不知道擺到table會變怎樣啦@@05-26 12:56
妄兮痕
這倒不知道了,結論是會怪怪的就是摟。
反正都好了XD

05-26 20:42

小角落..
嗯~好了就好^^05-26 22:08
舞漾星璇
很實用!!

06-18 16:46

小角落..
@@06-18 18:14
雨に歌う譚詩曲
大師@@ 我有個問題困擾很久了..
就是banner_t1 那個帳號跟暱稱的部分
我想要改他的位置 但是他總是死在原地不動..只能改字型跟大小
所以看到你能把他移到右邊...想請問語法跟該怎麼下呢@@

大師的CSS教學真的...很詳細 太詳細了 我眼好花XD
GP奉上!!

06-28 23:26

小角落..
.banner 『括號』內增加這兩行
padding-left:540px;
padding-top:20px;

數字自己設定囉~06-29 06:04
雨に歌う譚詩曲
嗚 成功了 太感謝你了XD

感謝大師指導(跪

06-29 09:57

小角落..
不會啦,是你的問題,
讓我發現我的教學沒有寫的很完整啊,
我已經補上了,也很感謝你喔^^06-29 13:40
虎克˙白
這篇真的是超詳細的說~XDDD
謝謝大大分享~
那麼我就收下了唷~XDDD

07-09 10:40

笑笑
有神~緊拜... Orz 哇拜
感謝~ 這就是想要知道的 @@"
我推~ 我收 ^^"

07-15 11:11

孫大砲
感謝QQ!

04-05 01:24

小角落..
不會,加油唷^^04-05 09:04
月宵
大大不好意思,想請問一下:
'這個灰色文字該怎樣修改?'

這個問題苦惱了我好久....因為跟我的小屋整體顏色最不搭,又找不到該如何修改。

04-08 12:58

小角落..
.home_c1{color:#757575;}
.home_c1 a:link, .home_c1 a:visited{color: #757575;}/*內頁的顏色*/
.home_c1 a:hover{color: #aaa;}/*內頁的顏色*/

這個要自己新增。04-08 13:18
小角落..
在'css - 右邊統計條'

找不到想要改的地方可以看'css - 導引'
看圖找。04-08 13:21
頭文字D ZERO 練習中
好文推推推~~!

04-25 21:57

懷恩
非常清楚又簡單~真的是篇超級精華文XD

05-11 13:43

懷恩
我還是不會半透明效果耶@@!? 能在詳細說明一下嗎?

05-11 14:59

小角落..
filter:Alpha(opacity=70);
'css - 語法說明'05-16 09:37
恆淵
請問大大 用了透明語法後
我特別在 最新畫作那 不用透明嗎?

05-27 21:32

小角落..
看你是哪個區塊要透明啊~
不過很多是用同樣的標籤~
大至上是.category開頭的
你可以去試試看,看是不是你要的效果囉。05-27 23:17
☀゚傲風
感謝

07-14 22:09

今天很冷
好強-..-
感謝噢@@

08-24 10:31

齊珍憶
添香油錢(GP投

10-14 13:12

離塵君
新的教學文耶,
這個一定要收藏起來,
等有空的時候在慢慢的研究!!3Q~

11-06 01:04

離塵君
新的教學文耶,
這個一定要收藏起來,
等有空的時候在慢慢的研究!!3Q~

11-06 01:04

小角落..
努力研究~可是沒設計天份Q_Q
11-06 15:02
彼岸花開〞
好東西耶^Q^~
雖然新版佈置介面項目旁邊的問號會標示區塊,不過有部分設定我還是不曉得用處@@",自己佈置的小屋,其實有少少部分其實我自己也不知道是從哪條改來的...Orz
這個教學相當的詳細~收藏起來以後慢慢看,謝謝分享唷!

11-06 14:55

小角落..
嗯,他的預覽圖有很大的問題!!! 謝謝你的收藏~^^
11-06 15:01
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:迷失..... 後一篇:css - 屋頂...

追蹤私訊

作品資料夾

farmcreateALL
繪圖、小說日更中,歡迎來看看~看更多我要大聲說昨天11:49


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

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