格子广告代码,32个格子，文字格子广告代码、漂亮的格子广告(DZ所有版本均可用)

e68e68 · 发表于 2011-11-14 03:10:31

本帖最后由 e68e68 于 2013-1-8 15:54 编辑

登陆论坛后台：运营--站点广告--添加格子广告。
效果请看：助赚财富网 http://www.zhuzhuan.com

<table align="center" border="0" width="100%">
<tr>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
</tr>
<tr>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
</tr>
<tr>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
</tr>
<tr>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
</tr>
</table>

复制代码

有人问我：“格子边框你是怎么去悼的” ，下面复制higm的方法给大家：

还在为格子广告而烦恼吗？？按照下面的方法弄 ..........

首先，完美处理格子广告需要修改1个文件 template/default/common/common.css

  common.css

打开文件搜索 “格子广告”  大概在494行  结果如下：
/* 格子广告 */ .a_t { margin-bottom: 10px; }
  .a_t table { width: 100%; }
  .a_t td { padding: 4px 15px; border: 1px solid {COMMONBORDER}; }

这段代码中数值4 代表的是广告图片上下距离边框的距离数值15 代表的是广告图片左右距离边框的距离

修改这个文件可以解决边距大小问题，达到你满意的效果。
                     里面的  4  可以不要修改因为 4上下的距离  不是很大    15  需要修改    我改成了4
               即    .a_t td { padding: 4px 4px; border: 1px solid {COMMONBORDER}; }

甚至大家可以修改为1px 1px，或者0px 0px；然后查看效果。

还有朋友问，我想加更多格子、或者减少一些格子，怎么办？

可以在代码里面(</table>的前面）增加或者减少下面这段即可

<tr>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
<td style="width: 12.5%;"><a href="http://www.zhuzhuan.com/thread-3-1-1.html" target="_blank">发帖赚广告位</a></td>
</tr>

复制代码

阳光骄子 · 发表于 2011-11-14 07:42:34

沙发位出租

1314学习网 · 发表于 2011-11-14 08:25:04

路过。。。。

yonguan · 发表于 2011-11-14 09:01:24

提示: 作者被禁止或删除内容自动屏蔽

在路上旅游网 · 发表于 2011-11-14 10:07:49

路过、、

zhzh8015 · 发表于 2011-11-14 11:51:33

参考参考，我认为很好，大家说说

shilia · 发表于 2011-11-14 12:10:22

不服不行，楼主就是有水平

e68e68 · 发表于 2011-11-14 13:33:51

本帖最后由 e68e68 于 2011-11-14 13:37 编辑

捷票网 www.jiepiao.com 皆票？捷票！快捷订票！

urs2 · 发表于 2011-11-14 13:42:45

哈哈，有这么多广告位啊。

fuckgao · 发表于 2011-11-14 14:16:49

哈哈，有这么多广告位啊。

		自动登录	找回密码
密码			立即注册

[发布] 格子广告代码,32个格子，文字格子广告代码、漂亮的格子广告(DZ所有版本均可用)

本帖子中包含更多资源

捷票网发来贺电！

[发布] 格子广告代码,32个格子，文字格子广告代码、漂亮的格子广告(DZ所有版本均可用)

本帖子中包含更多资源

捷票网 发来贺电！

捷票网发来贺电！