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

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

主题演示

主题下载

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

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

写给所有做网站的朋友的一封信

现在就开始执行“1+N”互联网推广和没有开始执行的人，一两天看不出任何区别；一两个月看来差异也是微乎其微的；但在2-5年的长远时间来看的时候，你的高质量询盘不断增加，你的互联网资产已经建立完成，对手已经很难匹敌，现在你看到这段文字的时候就是最好的开始，现在就是最好的时候，马上开始“1+N”体系的整体互联网推广吧，我们和你一起，开创互联网大未来！

博客&文章

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

相关文章

写给所有做网站的朋友的一封信

准备开启WordPress网站建设推广？

关于

服务

主题

帮助

搜索您关心的