为日志中的链接添加一个按钮

林继 WordPress 2,185 共写了276个字 (2011-01-12 21:07:32) 没有评论 打印 扫描二维码 百度未收录

首先,在编辑日志时切换到代码模式(HTML),在适当位置加入以下代码:

  1. <div id="demo"><a href="http://zmingcx.com/">主题演示</a></div>
  2. <div id="download"><a href="http://zmingcx.com/">主题下载</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文件夹

具体参数可作适当修改

我文章中加入的代码用table表格进行定位,完整代码如下:

  1. <table border="0" width="240" align="center">
  2. <tbody>
  3. <tr>
  4. <td width="120" height="25">
  5. <div id="demo"><a href="http://demo.zmingcx.com/">主题演示</a></div></td>
  6. <td width="120" height="25">
  7. <div id="download"><a href="http://zmingcx.com">主题下载</a></div></td>
  8. </tr>
  9. </tbody>
  10. </table>


本文来自:http://zmingcx.com/log-in-to-add-a-button-link.html

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >