免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [分享] 懶人快速回覆結合回覆框+回覆框美化(重編輯) [打印本頁]

作者: n7197    時間: 2012-3-28 17:43     標題: 懶人快速回覆結合回覆框+回覆框美化(重編輯)

本帖最後由 n7197 於 2012-3-28 22:36 編輯

sshot-1.jpg

有放置小老虎或五角星或其它快速回覆的必須先刪掉再進行測試
代碼放在第三方謝謝!
自行修改文字就OK了!
  1. <DIV class="dropmenu" id="symbol_list" style="display:none;">
  2. <img
  3. src="http://homepage8.seed.net.tw/web@5/n7197/1110161334f7851d05dab613d7.png"><font
  4. style=color:#000000;background:#FFF>請勿回覆政治敏感話题及不雅圖文</font>
  5. <SELECT id="target" onchange="fastpost()">
  6. <OPTION value="努力回覆賺取金錢與積分,支持★月光的影子http://n7197.66rt.com/"> 努力回覆賺取金錢與積分,支持★月光的影子http://n7197.66rt.com/</OPTION>
  7. <OPTION value="感謝樓主無私的分享,支持樓主,同時也支持★月光的影子http://n7197.66rt.com/。
  8. "> 感謝樓主無私的分享,支持樓主,同時也支持★月光的影子http://n7197.66rt.com/。
  9. </OPTION>
  10. <OPTION value="永遠支持★月光的影子http://n7197.66rt.com/^^
  11. "> 永遠支持★月光的影子http://n7197.66rt.com/^^
  12. </OPTION>
  13. <OPTION value="我找了很久了,感激中!
  14. "> 我找了很久了,感激中!
  15. </OPTION>
  16. <OPTION value="樓主分享的資源簡直太棒了!萬分感激!
  17. "> 樓主分享的資源簡直太棒了!萬分感激!
  18. </OPTION>
  19. <OPTION value="很好的資源,收藏備用。謝謝樓主分享^^
  20. "> 很好的資源,收藏備用。謝謝樓主分享^^
  21. </OPTION>
  22. <OPTION value="我有同感,支持下樓主!
  23. "> 我有同感,支持下樓主!
  24. </OPTION>
  25. <OPTION value="精品文章,樓主真棒^^
  26. "> 精品文章,樓主真棒^^
  27. </OPTION>
  28. </SELECT>
  29. </DIV>
  30. <SCRIPT type=text/javascript>
  31. if (document.getElementById("fastpostreturn") != null) {
  32. document.getElementById("fastpostreturn").innerHTML += $("symbol_list").innerHTML;
  33. }
  34. function fastpost() {
  35. var contents = document.getElementById("target").value;
  36. document.getElementById("fastpostmessage").innerHTML = contents;
  37. }
  38. </SCRIPT>
複製代碼
快速回覆框美化如下圖:滑鼠停留的美化~回覆框加長
給有需要的人

sshot-1.jpg

代碼放置其他頭部信息
  1. <style>
  2. .editor_tb{width:99.5%!important;} #fastpostmessage{width:99%!important;}</style><style>
  3. #fastpostmessage{height:100px!important;}
  4. #fastpostmessage:hover {
  5. border-color: #F26C4F !important;
  6. background-color: #FFF4DD !important;
  7. color: #13BAFF !important;
  8. }
  9. </style>
複製代碼


圖片附件: sshot-1.jpg (2012-3-28 17:42, 170.37 KB) / 下載次數 1733
http://258club.com/discuz/attachment.php?aid=2121&k=ee20f6914cc0c8f0ce9110ea007e3d9a&t=1732381296&sid=1nILX4



圖片附件: sshot-1.jpg (2012-3-28 22:31, 36.36 KB) / 下載次數 1629
http://258club.com/discuz/attachment.php?aid=2124&k=2bd699d9ca7ef837c1362c97a3f6e9c0&t=1732381296&sid=1nILX4


作者: hei123123    時間: 2012-3-28 17:51

Support
太棒了!!求更多分享
作者: gogo1266    時間: 2012-3-28 18:05

好好好啊
我要
作者: 0857    時間: 2012-3-28 21:18

感謝分享> <
作者: gzqgzqgzq    時間: 2012-4-15 18:35

好好用哦!!顶上去!
作者: RDChen    時間: 2012-4-20 16:54

太棒了~~~~
作者: 8301853    時間: 2012-4-28 09:44

感謝分享
作者: 易水寒    時間: 2012-4-28 12:49

非常不错哇
作者: xuan    時間: 2013-3-11 20:28

謝謝分享




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://258club.com/discuz/) Powered by Discuz! 7.2