顶部LOGO加广告位优化

[复制链接]

顶部LOGO加广告位优化[复制链接]

lelaitao 发表于 2011-11-6 17:23:17 [显示全部楼层] |只看大图 回帖奖励 |倒序浏览 |阅读模式 回复:  2 浏览:  2606
      我自建的淘宝客导购网站:名品导购网【www.lelaitao.com】,申请了百度和谷歌联盟的广告,想在顶部加两个广告位,即LOGO290*60+广告位250*60+广告位468*60,效果如下:

2.png

     具体做法如下:
     第一:修改模板1目录里的style.css文件,查找到#hd_t,把下面的代码替换。
  1. #hd_t{ position:relative; height:70px;}
  2. #hd_t h1{ position:absolute; height:60px; width:493px; text-align:left; top:5px; left:0px; color:#999;}#hd_t h1 a{color:#999;}#hd_t h1 a:hover{color:#F60;}
  3. #hd_t h1 img{ float:left; height:60px; overflow:inherit;}
  4. #hd_t h1 em{ float:left; width:200px; padding-top:30px; height:20px; line-height:20px; overflow:hidden; font-style:normal}
  5. #hd_t .tx{ position:absolute; bottom:5px; height:60px; width:258px; right:470px; overflow:hidden;}
  6. #hd_t .tx a{ float:right; padding:0 13px 0 22px;height:18px; line-height:18px;}
  7. #hd_t .tx a.ic1{ background:url(x_ico.gif) no-repeat 0 0;}
  8. #hd_t .tx a.ic2{ background:url(x_ico.gif) no-repeat 0 -25px;}
  9. #hd_t .tx a.ic3{ background:url(x_ico.gif) no-repeat 0 -50px;}
  10. #hd_t .tel{ position:absolute; right:0; top:5px; width:150px; height:60px;}
复制代码
      第二:插入广告代码
       广告1位置在<div class="tx"> 广告位250*60</div>插入代码。
       广告2位置在<div class="tel">广告位468*60</div>插入代码
lelaitao
 楼主|
发表于 2011-11-6 17:25:10 显示全部楼层
呵呵,我的QQ1439990614,有问题大家一起交流,另外下面的搜索栏也统一向左调整了,后面显示出来的搜索词多一些。
jiak 发表于 2011-11-6 21:56:16 显示全部楼层