A-A+

转自知更鸟:添加下载按钮

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

首先,在编辑日志时切换到代码模式(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>

标签:

4 条留言  访客:0 条  博主:0 条

  1. 苏人主意

    请问下 右边 tab 工具 是怎么修改成你现在的样子的

    • →☆[暗]☆←

      修改includes里面的tab.php和tab_h.php文件,若需要,留下邮箱,我把修改后的文件还有广告那个,发给你。

  2. 学到一招

    嘻嘻,又学到一招,谢谢老大分享。

  3. cgrabbit

    学习一下 哈哈

给我留言

Copyright © 安静的角落 保留所有权利.   Theme  Ality

用户登录

分享到: