很多童鞋对我日志中,主题演示及下载链接按钮很好奇,总是问如何添加的,其实很简单,准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.
首先,在编辑日志时切换到代码模式(HTML),在适当位置加入以下代码:
- <div id="demo"><a href="https://zmingcx.com/">主题演示</a></div>
- <div id="download"><a href="https://zmingcx.com/">主题下载</a></div>
接着再把以下样式文件加到主题的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表格进行定位,完整代码如下:
- <table border="0" width="240" align="center">
- <tbody>
- <tr>
- <td width="120" height="25">
- <div id="demo"><a href="http://demo.zmingcx.com/">主题演示</a></div></td>
- <td width="120" height="25">
- <div id="download"><a href="https://zmingcx.com">主题下载</a></div></td>
- </tr>
- </tbody>
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
天津市 51F
好方法，这就去加上。
北京市 52F
鸟哥 不知道这个问题有人提过没。 最新文章的热度 怎么一直显示是零啊？
B1
@ ilove3d 那不是神马热度，是评论数
北京市 53F
还有 wp编辑器怎么换回 原来自带的？ 文章评论内容总是显示匿名，刷新一下就没有了。 重装了WP 禁用了查件 都没法解决。
山东省 54F
我弄了几次也没成功，用的UFO的cms主题，他的css文件是在主题目录里的子目录里的
/wp-content/themes/UFO/themes/UFO_Cms/STYLE/UFO_Cms.css
代码应该加在哪啊，主题目录里的style.css里面是空的
广东省珠海市 55F
如果这个下载按钮 要出现在摘要 首页 怎么搞？ 样子就是两个并列“阅读全文”“下载主题”这样的。
B1
@ hzqedison 此文的方法不能应用到摘要中
广东省珠海市 B2
@ 知更鸟 谢谢答复。如果要做成“阅读全文”“下载主题” 在摘要中显示应该怎么写？或者说有插件吗？
在正文中可能“阅读全文”按钮就没有了，需要同时存在“返回”和“下载主题”按钮又应该怎么写？
谢谢！
B3
@ hzqedison 你不会认为，在留言中就能教会你作模版吧？
贵州省贵阳市 56F
哈哈，很使用的技巧！又学到新的东西了！
上海市 57F
不错，受用，谢谢分享
广东省广州市天河区 58F
每次发文章都要另加代码！~麻烦！~~
上海市 59F
鸟哥 好像我的调用不了图片！~
上海市 60F
鸟哥(images/dd.png) 应该是这样写得吧(“images/dd.png”)否则就会出现无法调用图片的！ 我的是那样 不知道你的是不是！~
上海市 61F
加油
湖北省荆州市 62F
来看看
河南省南阳市 63F
感谢鸟哥提供这么好的主题，庆幸鸟哥这么细心、负责
湖南省衡阳市 64F
鸟哥，当鼠标放在链接上的时候，右下角的提示框怎么去掉呀，感觉挡住视线了，不怎么好！像你的博客一样，右下角就没有了提示框，而是在鼠标右侧。
湖北省恩施州 B1
@ 花飞 我这里有解决办法，你可以去看看！
http://kailiuwang.net/the-robin-hotnewspro-template-how-to-get-a-title-to-display-normal-not-in-the-lower-right-corner.html
湖南省衡阳市 B2
@ 开溜网 谢谢哥了！
山东省青岛市 65F
主题演示
主题下载</div
鸟哥 你丢了闭标签， 怪不得，我开始测试的时候不能显示，跟后面的DIV标签重合还是什么回事。还是得按照W3C标准来。
河南省周口市 66F
为什么我的不能够显示按钮图片呢？还只能显示文字链接形式，不见图片。 各位该怎么解决？ 代码应该放在主题下的style.css 哪一行？ 我放在最后一行，以及中间一行都不行啊。急求解决？谢谢各位！
来自外部的引用