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

很多童鞋对我日志中,主题演示及下载链接按钮很好奇,总是问如何添加的,其实很简单,准备一张按钮图片,然后在文章中加入一个盒子(DIV),几行CSS样式就可作出这个效果,现在就教大家如何添加这个按钮效果.

主题演示
主题下载

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

  1. <div id=><a href=>主题演示</a></div>
  2. <div id=><a href=>主题下载</a></div>

接着再把以下样式文件加到主题的style.css中:

  1. ad {
  2. : (images/dd.jpg) ;
  3. :;
  4. :;
  5. : ;
  6. :;
  7. }
  8. {
  9. : (images/dd.jpg) 0 –;
  10. :;
  11. :;
  12. : ;
  13. :;
  14. }

把下面这张按钮图片上传到主题的图片目录中,一般是images文件夹

具体参数可作适当修改

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

  1. <table border= width= align=>
  2. <tbody>
  3. <tr>
  4. <td width= height=>
  5. <div id=><a href=>主题演示</a></div></td>
  6. <td width= height=>
  7. <div id=><a href=https://zmingcx.com>主题下载</a></div></td>
  8. </tr>
  9. </tbody>
    © 版权声明
    THE END
    喜欢就支持一下吧
    点赞0 分享
    评论 抢沙发

    请登录后发表评论

      暂无评论内容