搜索
查看: 4144|回复: 0

[WordPress] wordpress为日志中的链接添加一个按钮

[复制链接]
发表于 2012-8-19 16:21:29 | 显示全部楼层 |阅读模式
准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.
1.jpg

首先,在编辑日志时切换到代码模式(HTML),在适当位置加入以下代码:
  1. <div id="demo"><a href="http://yuyanke.org/">主题演示</a></div>
  2. <div id="download"><a href="http://yuyanke.org/">主题下载</a></div
复制代码
接着再把以下样式文件加到主题的style.css中:
  1. #download {
  2. background: url(images/dd.png) no-repeat;
  3. width:105px;
  4. height:25px;
  5. color: #fff;
  6. padding-left:15px;
  7. }
  8. #demo {
  9. background: url(images/dd.png) no-repeat 0 -25px;
  10. width:105px;
  11. height:25px;
  12. color: #fff;
  13. padding-left:15px;
  14. }
复制代码
把下面这张按钮图片上传到主题的图片目录中,一般是images文件夹

dd.png

具体参数可以自行修改

回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-11-5 18:43 , Processed in 0.116868 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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