2023.07.11 | admin | 122次围观
WordPress
主题演示及下载链接按钮很好奇,总是问如何添加的,其实很简单,准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.
首先,在编辑日志时切换到代码模式(HTML),在适当位置加入以下代码:
接着再把以下样式文件加到主题的style.css中:
#download {background: url(images/dd.png) no-repeat;width:105px;height:25px;color: #fff;padding-left:15px;}#demo {background: url(images/dd.png) no-repeat 0 -25px;width:105px;height:25px;color: #fff;padding-left:15px;}把下面这张按钮图片上传到主题的图片目录中,一般是images文件夹
具体参数可作适当修改
用table表格进行定位,完整代码如下:
声明：本站所有文章wordpress 为什么编码下面添加超链接无效，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时wordpress 为什么编码下面添加超链接无效，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
版权声明
本文仅代表作者观点。
本文系作者授权发表，未经许可，不得转载。
14870文章数
1评论数
作者其它文章
-
微机控制与接口技术形成性考核册答案
2023.12.17
-
手机百度浏览器如何翻译网页？
2023.12.17
-
如何重置小米摄像头（如何重置小米摄像头云台版）
2023.12.17
发表评论