首页 » 建站技术 » WordPress » 浏览内容

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


2011-01-12 21:07:32 2,014 0 发表评论 字体: 作者:C.K.
标签: WordPress备忘

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

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

<div id="demo"><a href="http://zmingcx.com/">主题演示</a></div>
  • <div id="download"><a href="http://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="http://zmingcx.com">主题下载</a></div></td>
  • </tr>
  • </tbody>
  • </table>

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

      网站统计 Statistics

      • 创建时间: 2005年1月3日 距今4920 天
      • 日志总数: 2461
      • 评论总数: 630
      • 标签总数: 654
      • 链接总数: 273
      • 最后更新: 2017-7-1 18:16:33
      • 您是本站第 13645326 位访客

      广告区 Guǎng Gào