創作內容

58 GP

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

作者：小角落..│2008-05-16 19:13:20│巴幣：4│人氣：9467

..
由於這幾天巴哈的大改版，css都不能編輯了…
這些是改版後的，有些地方我還沒找到在哪改，
尚未發現處：留言版的文字顏色、訪客留言區塊。
還有其他疑漏處也歡迎提出^^

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

＊進階設定

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

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

　　5.圖片太大沒關係，可以上傳到其他空間，將網址貼上。
　　　

　　6.這兩處在【進階設定】中，雖然都是【特殊區塊 - 次要色塊1】
　　　但是，後來發現其實可以分開設定。
　　　　　方法：(1)先到進階設定【特殊區塊 - 次要色塊1】設定顏色 →問你要不要存，切換→要
　　　　　　　　(2)切換到【快速設定- 區分用色塊】
　　　　　　　　(3)套用
　　　　a.首頁的訪客留言
　　　　　　

　　　　b.文章內的屋主回應
　　　　　　

＊首頁：

＊叭啦區：

＊部落閣文章選單：

＊部落閣文章內文：

＊精華區：

喜歡 58 收藏 226 引用留言推上首頁檢舉

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

相關創作

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

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

LAIN+：
喔~最終整理太棒了(ゝ∀･)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

cobii9：
打包帶走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

II-_-IIｮI 【老狼】：
好文!

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