試了好幾天的按鈕，終於成功了！於是紀念一下...真的是十分波折！
本篇並非教學文，只是筆記文喔！但若有甚麼問題想要交流的也很歡迎，小花會盡力幫忙的！
這兩天一直不斷地在嘗試這個按鈕......
查了很多很多的資料，想了很多很多的辦法，才終於達成自己想要的樣子Orz。
語法這種東西，真的是太神秘了啦！
最開始先是「沒有動態時報」，只有「按讚人員的盒子」，然後變成兩個都有的盒子，找了好久，不知道要怎麼讓按讚人員消失，這種時候就是用暴力解法（跟算數學一樣喔！啾咪~）結果其實還滿直覺的：
把" show_faces "給" hidden "掉就好了！
原本以為好了，隔一天就發現了新的問題，只有在部落格首頁的時候這個盒子才有效......一旦進入文章閱讀，這個盒子不知怎麼的莫名其妙就失效了，於是又開始大量查詢資料......最後，採用其中一名部落客的教學，改用了另一個寫法，然後慢慢的把語法調整成自己想要的狀態，刪掉不必要的，加上必要的......這當中也查了很多另外的教學和資料，通通混合著用，還去查了CSS的字典，沒想到！最後就成功了！（我還很怕我這樣胡搞瞎搞，會不會出甚麼大問題咧）
這次主要在CSS的語法下了些功夫，基本上調整位置甚麼的沒甚麼太大的問題，主要是語法套用以後，盒子一直不肯用「滾」的出來，都是用「跳」的出來。
滾：慢慢的滑出來。
跳：蹦出來。
於是只好上網查語法字典，才找到" transition "這個語法，它可以造成漸變效果，只要在語法內容定義想要的時間、想要的速度即可。
像這樣：transition: right 0.5s linear
然後他就會從右邊以0.5s的速度慢慢地滑出來了（linear是均速喔！其他還有很多指令可以做）
之前就對語法有些研究（在YAHOO時期就常常自己亂打亂撞，看久了後其實就習慣了），然這次的經驗滿有趣的，以往在寫部落格語法時，基本上只會更改後台的CSS（自訂樣式的部分），但這次卻需要兩方的配合（HTML+CSS），語法要分在兩個地方寫，我覺得很好玩。
而且這次遇到的一些狀況，比方說「多一個空格」、「少一個分號」、「少一個</div>」，真的差超多的！那個多一個空格我還檢查了很久，最後想說把空格刪掉試試看，沒想到就成功了。
這次的經驗總算理解到小旭妹妹所說的：「寫程式啊！有時候會找那一點點的錯誤找到眼睛脫窗......」
還好最後有成功，不然我花時間做的按鈕樣式就派不上用場了XD
下次再找時間做一個更可愛的！
+相關文章+
留言列表
小花的漫畫塗鴉日記本 (6)