免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [版型教學] 修改代码编辑框的“复制代码”为图标样式 [打印本頁]
作者: 无界    時間: 2016-6-7 10:53     標題: 修改代码编辑框的“复制代码”为图标样式

效果如图：
QQ截图20160607104900.png

修改方法：
编辑discuzcode.htm找到
  1. <!--{block return}--><div class="blockcode"><div id="code$discuzcodes[codecount]"><ol><li>$code</ol></div><em onclick="copycode($('code$discuzcodes[codecount]'));">{lang discuzcode_copyclipboard}</em></div><!--{/block}-->
  2. <!--{eval return $return;}-->
複製代碼
修改为
  1. <!--{block return}--><div class="blockcode"><em onclick="copycode($('code$discuzcodes[codecount]'));" title="复制代码">
  2. <img src="http://ishow.qiniudn.com/copycode.gif" alt="" style="margin-top: -20px;margin-left: 5px;"></em><div id="code$discuzcodes[codecount]"><ol><li>$code</ol></div><em onclick="copycode($('code$discuzcodes[codecount]'));" title="复制代码">
  3. <img src="http://ishow.qiniudn.com/copycode.gif" alt="" style="margin-top: -15px;margin-left: 5px;"></em></div><!--{/block}-->
  4. <!--{eval return $return;}-->
複製代碼
即可。

圖片附件: QQ截图20160607104900.png (2016-6-7 10:51, 23.98 KB) / 下載次數 1310
http://sclub.com.tw/discuz/attachment.php?aid=75568&k=d8fcc1b07f2cd346b9198ed114cbd74f&t=1732285609&sid=9sPsWJ

作者: 网雨霏霏    時間: 2016-6-7 11:54

啥意思？不明觉厉
作者: 繽紛色彩    時間: 2016-6-7 12:13

是否將代碼的 A-1.gif
轉為圖片
按下圖片便可以複製代碼？

圖片附件: A-1.gif (2016-6-7 12:12, 1.91 KB) / 下載次數 1348
http://sclub.com.tw/discuz/attachment.php?aid=75569&k=e3b6d5f8663acb3598ef3300d636926d&t=1732285609&sid=9sPsWJ

作者: 无界    時間: 2016-6-7 12:31

回復 3# 繽紛色彩


    是的



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