讓我一次黑個夠！

哈哈哈哈哈哈哈~ ~ ~ ~ ~ ~ ~ ~！　
太高興了！這個黑黑黑的面版就是我要的啦！(瘋狂狀)　
　
面版原作者是「pixnetvisual」，我只是把背景圖換掉了，
原版面請到列表找「pixnetvisual」的「fresh life」。
我覺得「pixnetvisual」好像是...和PIXNET系統還是管理有關，
在面版下留的個人網址也是PIXNET的首頁。
「pixnetvisual」寫了很多預設版面和教學版面，以及一些外表很簡單陽春的面版。
(外表簡單不表示內容很簡單...)，提供很多素樣基本型給使用者。
尤其教學版面應該對很多想學的人很有用吧！CSS語法中中每個欄位都加註。
當然，我個人試寫過CSS的心得仍不建議完全不懂的人去試，還是專注自己所長較好。
　　
CSS我是沒什麼法度，不過圖我就有很多方法了。
在發現這個面版是由圖片而不是語法來決定背景後，嘿嘿嘿嘿~ ~ ~ ~ ~！
我真是在心中奸笑不能自己啊！
嘿嘿嘿嘿嘿嘿~ ~ ~ ~ ~！
　
不是很難弄的狀況，這次就直接去掉飽和把它變成變黑白階的圖。
再調一下確保背景都是純黑的(#000000)！
為保證連結性，把 header-container-footer 三個放一起編輯。
再切開就OK啦！
啊~ ！ 「La Parler」的宏爺真的很妖媚呀~ ！
可惜這家店 OVER 了... ... 。 不然還可以期待更多妖媚的宏爺...唉...。
　
我把原圖中宏爺摟在手上的押切小姐PS掉了...，
沒有很用心PS所以痕跡還蠻明顯的，不好意思。 ：P
鏤空是我最高興的地方，也算是比較有修改CSS之處吧！
　
只要背景不設定顏色就已經是鏤空了※，主要是讓捲軸變透明。
找到「#recent-article」、「#category」、「#latest-comment」，
在那一堆「scrollbar」前加一句「filter: Chroma(Color=色碼)」就OK！
　

filter: Chroma(Color=色碼); 　/*想要變成透明的顏色*/　 scrollbar-face-color: 色碼; 　/*卷軸顏色*/　 scrollbar-track-color: 色碼; 　/*軸軌顏色*/　 scrollbar-3dlight-color: 色碼; 　/*捲軸凸面顏色*/　 scrollbar-darkshadow-color: 色碼; 　/*卷軸陰影顏色*/　 scrollbar-arrow-color: 色碼; 　/*箭頭顏色*/　 scrollbar-shadow-color: 色碼; 　/*捲軸按鈕凸面顏色*/　 scrollbar-highlight-color: 色碼; 　/*卷軸按鈕陰影顏色*/

　
除了箭頭顏色，其它所有顏色都設成和「filter」一樣，
所以都被濾掉了，變成沒顏色的透明。YA ~ ！
　
字體什麼就懶得改了，眼睛會脫窗，反正黑白是萬能色，什麼顏色都能配。
也許有人會覺得字都在臉上了！不過，我主要要的是那迷濛的雙眼。嘻嘻~ ！
　
　
　
　
◎最後附上作業中原圖和成品圖：
A. 還沒有加上浮水框，也還沒裁切　(這其實是三張圖合起來編輯的)。
　
　
　
B. 我套起來是這樣，用的背景圖是PNG格式(有圖層)，
　我不知為何我一開始就把做好的圖存成有圖層的PNG，而非一般常見的JPG...？
　不知在IE7以外的瀏覽器顯示的會不會不同？　
　
　
　

呼~ ！今天真是HAPPY！　終於瘋完了... 。趕快去睡覺。
　
　
　
◎問題討論圖：：P　
1. 在IE6看到可能是這樣子吧。我用無圖層的PNG或JPG作版首圖也會得到此結果。　
　我沒有IE6，所以我自己是推測用JPG的狀況可能和用IE6是差不多的。　
　
　
　　
2. 我試過拿掉捲軸透明語法，用JPG圖時欄位背景就會透明，但捲軸就會看到了。　
　
　
　
3. 最後又把捲軸透明語法擺回去了，因注意到有白塊的圖，在宏爺頭上也會出現一個白點。
　用colorSpy來測，和白塊都是#ffffff，所以推測應是哪個有設#fff(純白)之處的緣故。
　最後試把下面這段中刪去某句，然後捲軸語法就能和透背效果共存了(在IE7上)。
　但我不知道刪掉這句會有什麼其它後遺症......：P。
　做一些修改都是用推理的...，而不是對語法的了解......orz。

select { 　　　　width: 170px; 　　　　color:#777; 　　　　border: 1px solid #fff;　(←刪除了這一行)　 　　　　background:#d5e1bd; 　　　　}

　不過，網友用IE6測試的結果，似乎還是沒用耶...@@，大概只有在IE7上才有效果...冏。
　所以後來我又把這行加回去了。反正是我亂改的，我根本不懂...T__T。
　　　　
　後來查IE6的麻煩還蠻多的，有時顯示上很挑，
　像是現在看起來都支援的PNG透明圖，在IE6上不支援，想要支援的語法超級長...@@。
　好像是要騙IE6這樣又那樣...，沒力氣仔細看。SORRY！太多了。
　我也學不來(搞不懂要怎麼寫)。不好意思啦！只好等懂CSS的人來弄了。
　不知在討論區能否遇到好人...。
　
4.最後我把捲軸直接拿掉了。其實在網誌設定把顯示的文章數和回響數設少也可以。
　因為只有行列長度超過160px才會出現捲軸。然後，看起來是共存了。^_^
　
　
　
※ 因為我其實對CSS語法是七竅通了六竅 → 一竅不通！！所以這是我目前的極限了。SORRY！除了上PIXNET的服務論壇請益於高手(不知會否有高手賜教，只能等了)，我自己也做了一堆無用的測試，在論壇的問題帖寫好長一闕！問題是暫時「緩解」了，我也懶得再弄了。