【x2.0】Logo右侧广告位/推广链接，将2.0的顶部空白处利用起来！

易购小天地 · 发表于 2012-8-13 09:43:09

本帖最后由易购小天地于 2012-8-13 09:45 编辑

宽屏下的显示效果：

窄屏下的显示效果：

只显示广告的效果：

打开\template\default\common中的header.htm文件

搜索以下代码

<h2><a href="./" title="$_G['setting']['bbname']">{$_G['style']['boardlogo']}</a>$_G['setting']['navlogos'][$mnid]</h2>

在这代码代码下面加入：

<style type="text/css">
#warpper{ position: relative; margin:0;padding:0; z-index:1000000; top:0;left:10px; float:left; }
.block{ display:block;}
.none{ display:none;}
.tfm001 { width: 550px; }
.tfm001 caption, .tfm001 th, .tfm001 td { vertical-align: top; padding: 7px 0; }
.tfm001 caption h2 { font-size: 16px; }
.vt th, .vt td { vertical-align: top; }
.tfm001 th { padding-top: 9px; padding-right: 5px; width: 130px; }
.tfm001 th .rq { float: right; font-size: 14px; }
.tfm001 .pt, .tfm001 .px { margin-right: 3px; width: 330px; }
.tfm001 .c, .tfm001 .tedt, .m_c .tfm001 .tedt { width: 338px; }
.tfm001 .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
.tfm001 .d em { margin-left: 5px; color: red; }
.tfm001 .d strong { margin-left: 5px; }
.tfm001 .d a { color: {HIGHLIGHTLINK}; }
.tfm001 .p { text-align: right; }
.tfm001 .pcl label { display: block; padding: 0 2px 5px; }
.tfm001 .pcl .pc { margin-right: 5px; padding: 0; }
.tfm001 .l th, .tfm001 .l td { padding-top: 0; padding-bottom: 0; }
.tfm001 caption, .bn .tfm001 th, .bn .tfm001 td { padding-top: 5px; padding-bottom: 5px; }
</style>
<div id="warpper">
<table cellspacing="0" cellpadding="0" class="tfm001">
<caption>
<font color=red>将下面链接发布到QQ群、QQ好友、博客、论坛等网络上，当别人点击的时候您的贡献值就会增加:</font>
</caption>
<tr>
<th>推广链接1</th>
<td class="pns">
<input type="text" class="px vm" onclick="this.select();setCopy(this.value, '推广链接已经复制到剪贴板');" value="$_G[siteurl]?fromuid=$_G[uid]" size="50" />
<button type="submit" class="pn vm" onclick="setCopy('$_G[siteurl]?fromuid=$_G[uid]', '推广链接已经复制到剪贴板');" type="submit"><em>复制</em></button>
</td>
</tr>
<tr>
<th>推广链接2</th>
<td class="pns">
<input type="text" class="px vm" onclick="this.select();setCopy(this.value, '推广链接已经复制到剪贴板');" value="$_G[siteurl]?fromuser={echo rawurlencode($_G[username])}" size="50" />
<button type="submit" class="pn vm" onclick="setCopy('$_G[siteurl]?fromuser={echo rawurlencode($_G[username])}', '推广链接已经复制到剪贴板');"><em>复制</em></button>
</td>
</tr>
</table>
</div>

复制代码

如果是只需要添加广告，如图片广告，文字链接广告，则加入：

02.
03.<style type="text/css">
04.
05.#warpper{ position: relative; margin:0;padding:0; z-index:1000000; top:0;left:10px; float:left; }
06..block{ display:block;}
07..none{ display:none;}
08.
09.</style>
10.
11.<div id="warpper">
12.这里放你的广告代码
13.</div>
14.
15.

复制代码

fwb512 · 发表于 2012-8-20 11:42:56

我来看看！谢谢

防未病了吗 · 发表于 2012-8-25 18:34:13

应该加分

c55320139 · 发表于 2012-11-16 01:00:13

帮顶

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