立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 5617|回复: 0

[Discuz 通用教程] 利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤

[复制链接]
发表于 2016-7-19 18:03:25 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  在此不得不说discuz功能之强大,大多数DZ站长都不曾知道,其实DZ的内部隐藏了多少不为人知的扩展功能。下面我来一步步讲述如何利用利用自定义Discuz! 代码在编辑器添加按钮,为方便DZ新手操作,老手请忽略此文~~~

效果图:
发布后显示效果图:

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤01

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤01

使用效果:

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤02

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤02


下面是详细教程:

第一步:准备两张素材图片

第一张: xzz.jpg   小图标用于放在编辑器、上传至/static/image/common/文件中(image文件夹是我添加的,你可以自定义图片地址)
第二张: doo.jpg 用于显示在贴内,上传至/image/文件中

第二步:进入后台---界面---编辑器---设置---Discuz! 代码---新增--------

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤03

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤03

例如:

标       签:XZ
显示顺序:24
图标文件:xzz.jpg

提交成功后点击【详情】进入设置页面:

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤04

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤04

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤05

利用自定义Discuz! 代码在编辑器添加自定义美化下载按钮的具体步骤05

设置完成点提交,最后别忘记了回到列表页勾选“可用”“显示”两个选项,OK,大功告成!

附上替换代码:

<a href="{1}" target="_blank"><img src="http://www.huairenwang.com/images/common/doo.jpg" alt="点此下载" width="150" height="40" border="0" /></a> <a href="http://www.daoqin.net/" target="_blank"><font size="2" color=#FF0000>无法下载,我要报错</font></a>

























道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-23 08:25

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表