更新了回應表單的 CSS 設定
請之前如果有抓回去用的朋友們，有需要的話自行再覆蓋一次~
把一些背景的設定弄得更完整了喔!!
更新如下：
適合白背景或是淺色系背景:
適合黑背景或是深色系背景:
// 更新時間：2009/09/23 PM05:53
使用方式：
後台→部落格→樣式設計精靈→CSS原始碼編輯
把樣式表捲到最下面，貼在最下面就可以了...
請慢用
請之前如果有抓回去用的朋友們，有需要的話自行再覆蓋一次~
把一些背景的設定弄得更完整了喔!!
更新如下：
1. 字型大小調整，若要與版面自行配合請自行修正 font-size 的數字
2. 加入圓角 css 設定，使用 firefox、safari、chrome 瀏覽器可見圓角效果
3. 回應內容輸入框增高
2. 加入圓角 css 設定，使用 firefox、safari、chrome 瀏覽器可見圓角效果
3. 回應內容輸入框增高
適合白背景或是淺色系背景:
#comment-form { background: #fff; font-size: 12px; padding: 5px; margin: 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment-form p { color: #666; text-align: right; margin: 0px 10px 0px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #000; vertical-align: top; border: none; padding: 1px 5px; }
#comment-form table th { color: #666; vertical-align: top; width: 80px; border: none; padding: 2px 5px; }
#comment-form table th font { display: none; }
#comment-form input.radio { width: 15px; border: none; }
#comment-form input#send-comment { color: #000; border: 1px solid #ddd; background: #eee; width: 43px; height: 21px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form input#blogcommenttext_name { width: 92.5%; }
#comment-form input { color: #000; border: none; border-bottom: 1px solid #ddd; background: none; width: 98%; height: 18px; font-size: 12px; }
#comment-form textarea { color: #000; border: 1px solid #ddd; background: #eee; width: 98%; height: 180px; font-family: "arial"; font-size: 12px; line-height: 18px; padding: 0.5%; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment-form p { color: #666; text-align: right; margin: 0px 10px 0px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #000; vertical-align: top; border: none; padding: 1px 5px; }
#comment-form table th { color: #666; vertical-align: top; width: 80px; border: none; padding: 2px 5px; }
#comment-form table th font { display: none; }
#comment-form input.radio { width: 15px; border: none; }
#comment-form input#send-comment { color: #000; border: 1px solid #ddd; background: #eee; width: 43px; height: 21px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form input#blogcommenttext_name { width: 92.5%; }
#comment-form input { color: #000; border: none; border-bottom: 1px solid #ddd; background: none; width: 98%; height: 18px; font-size: 12px; }
#comment-form textarea { color: #000; border: 1px solid #ddd; background: #eee; width: 98%; height: 180px; font-family: "arial"; font-size: 12px; line-height: 18px; padding: 0.5%; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
適合黑背景或是深色系背景:
#comment-form { background: #000; font-size: 12px; padding: 5px; margin: 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment-form p { color: #666; text-align: right; margin: 0px 10px 0px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #ccc; vertical-align: top; border: none; padding: 1px 5px; }
#comment-form table th { color: #999; vertical-align: top; width: 80px; border: none; padding: 2px 5px; }
#comment-form table th font { display: none; }
#comment-form input.radio { width: 15px; border: none; }
#comment-form input#send-comment { color: #fff; border: 1px solid #333; background: #222; width: 43px; height: 21px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form input#blogcommenttext_name { width: 92.5%; }
#comment-form input { color: #fff; border: none; border-bottom: 1px solid #444; background: none; width: 98%; height: 18px; font-size: 12px; }
#comment-form textarea { color: #fff; border: 1px solid #333; background: #222; width: 98%; height: 180px; font-family: "arial"; font-size: 12px; line-height: 18px; padding: 0.5%; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment-form p { color: #666; text-align: right; margin: 0px 10px 0px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #ccc; vertical-align: top; border: none; padding: 1px 5px; }
#comment-form table th { color: #999; vertical-align: top; width: 80px; border: none; padding: 2px 5px; }
#comment-form table th font { display: none; }
#comment-form input.radio { width: 15px; border: none; }
#comment-form input#send-comment { color: #fff; border: 1px solid #333; background: #222; width: 43px; height: 21px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form input#blogcommenttext_name { width: 92.5%; }
#comment-form input { color: #fff; border: none; border-bottom: 1px solid #444; background: none; width: 98%; height: 18px; font-size: 12px; }
#comment-form textarea { color: #fff; border: 1px solid #333; background: #222; width: 98%; height: 180px; font-family: "arial"; font-size: 12px; line-height: 18px; padding: 0.5%; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
// 更新時間：2009/09/23 PM05:53
使用方式：
後台→部落格→樣式設計精靈→CSS原始碼編輯
把樣式表捲到最下面，貼在最下面就可以了...
請慢用
Recommend to Front page
2009年11月
生活相關(11)
Patience.... (唱)
謝謝囉囉囉囉囉囉囉囉
mrright
yes, it's very good :)帶走囉！謝謝分享= 3 =
我要用我要用
3Q
我是想要請問我的迴響部分都擠在一起..是不是CSS改壞了？
謝謝...ToT
(只是問看看 ^^)
谢谢咯!
變正常點啦
GOOD
終於擺脫可怕的窄小迴響了!謝謝!
我總算可以把這奇怪的小小區塊迴響改掉了^^
終於不用在看到那很怪的迴響了
你是大家的救星Q口Q
這樣會不會很狗屁?
感謝
真的是辛苦了!!
為了讓自己不再想哭..
我領走白色的回家了
眼睛已經浮腫兩天了
妳是我的眼藥水
大大期待leah的新版版型出爐中......（引頸）
科科
早說你應該多發這種文章的麻...
--
話說會再改是真的嗎?我有點心碎...
3Q
自己才好不容易弄好了更新後的迴響部分結果發現漏弄了版主回覆QQ
所以在此告知一聲我帶走了
3Q
我拿去用囉>W<
:)
有^^我已去看了謝謝
昏倒
那個...，PIXNET又改成格子的了...@@！
不留言就太對不起你嚕!^^
謝謝你嚕!!
不過痞客怎又改成一格一格嚕(暈
期待李亞姐的更新唷 ^^ 加油 !!! XD
醜翻天一0一
謝謝大大的提供。
不過版主回覆的部份有點小不懂，那個是要用第一種語法還是第二種的呢？也是和回覆語法一樣放在最後面嗎？
這篇文救了好多人啊 XD
好需要呢……
新板的我找不到原本舊版有的專屬迴響樣式的CSS....
先說聲謝~~這是一定要的啦!!!
要不然好像都醜醜的!!!
干溫干溫!!
真是非常謝謝你的分享！ :D
（我有改一點，希望你不會介意 :P ）
不然本來那個小到可憐>.<
這個好看多了^^
太謝謝你了
(想想我也是外表第一的外貌協會阿
原來的迴響方式很有自己的特色 把它改掉實在太可惜了)
現在漂亮多了
原本懶人的我想說copy&post就能瞬間像妳這麼美(謎..)
但突然發現~我的版有其他東西跑掉了....ˊ口ˋ
所以還是要找時間修改一下，還是不能偷懶啊~~（打滾)
妳這輩子一定是菩薩再世啊~~~~~~XD
正為那小的要命的迴響部份傷腦經。
我把迴響帶走了，
多虧妳他不再那麼討人厭了XD
整個超感謝督><
總算解決那估醜醜又小小的回想嚕
卸卸>/////<
我用了
為了表達我十二萬分的感謝
我會號召全家老小每一天照三餐念著"感謝李亞，萍不會激凸"三百遍
多有誠意是吧?
感謝妳提供
雖然我還不知道該怎麼弄><
我的迴響起死回生了
回覆區塊漂亮多了^^
真的變漂亮了耶!
謝謝^^
拿回家用嚕^^
終於可以改掉醜醜的迴響區了阿!!!!!
變的漂亮多了XD
Comment Permissions: Allow commenting