源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 网人163K风格添加顶部广告块展示位一行5个 [打印本页]

作者: shidetao    时间: 2010-4-8 22:23
标题: 网人163K风格添加顶部广告块展示位一行5个
这是为首页增加的广告位,方块显示,一行5个,仿58.com
(, 下载次数: 125)

具体操作如下:

新建一css文件 代码如下

  1. /*首页广告块css*/
  2. .top3adv {margin-bottom:8px; margin-top:0px; padding:0px; clear:both; }
  3. .top3adv ul {}
  4. .top3adv ul li {float:left; text-align:left; width:169px;  border:1px solid #E3EFFB; background-color:#F9FAFE; padding:5px;
  5. margin:0px 4px; margin-bottom:8px; line-height:150%;}
  6. .top3adv ul li .t { font-size:12px;color:#3366cc; font-weight:bold;} /*控制标题颜色*/
  7. .top3adv ul li .c { font-size:12px;color:#999999; } /*控制内容颜色*/
  8. /*首页广告块css结束*/
复制代码


然后在首页模板<head></head>里面插入

  1. <LINK href="新建的Css路径" type=text/css rel=stylesheet>
复制代码


最后进入后台-自定义标签-{$My_Hand}-修改-然后在最下面插入以下代码

  1. <!-- 首页广告块开始 -->
  2. <!--一排5个-->
  3. <div class="top3adv clearfix">
  4.   <ul>
  5.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  6.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  7.   <span class="t">13869657290</span>
  8.   </li>
  9.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  10.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  11.   <span class="t">13869657290</span>
  12.   </li>
  13.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  14.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  15.   <span class="t">13869657290</span>
  16.   </li>
  17.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  18.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  19.   <span class="t">13869657290</span>
  20.   </li>
  21.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  22.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  23.   <span class="t">13869657290</span>
  24.   </li>
  25.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  26.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  27.   <span class="t">13869657290</span>
  28.   </li>
  29.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  30.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  31.   <span class="t">13869657290</span>
  32.   </li>
  33.   <li><span class="t"><a href="http://chinaqingzhou.com/" target="_blank">广告招商★虚位以待</a></span><br>
  34.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  35.   <span class="t">13869657290</span>
  36.   </li>
  37.   <li><span style="color:#F6937A; font-weight:bold;">广告招商★虚位以待</a></span><br>
  38.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  39.   <span class="t">13869657290</span>
  40.   </li>
  41.   <li><span style="color:#F6937A; font-weight:bold;">广告招商★虚位以待</a></span><br>
  42.   <span class="c">欢迎来电垂询13869657290 客服QQ:343808177</span><br>
  43.   <span class="t">13869657290</span>
  44.   </li>
  45.   </ul>
  46. </div>
  47. <!-- 首页广告块end -->

复制代码


第一次做教程,做的不好!请大家见谅!
作者: xw1006    时间: 2010-4-9 11:53
支持下
作者: chizhuy    时间: 2010-4-9 22:40
好东西,支持支持!!!!
作者: womogui    时间: 2010-4-13 18:58
好东西
作者: taiyanglei    时间: 2010-5-13 19:02
支持 言简意赅  思路清晰   有前途的小伙子
作者: yangweimin2018    时间: 2010-5-15 23:42
支持支持  http://www.nn366.com
作者: 淘宝商城    时间: 2010-5-17 15:14
这个学习一下!
作者: zykcn    时间: 2011-1-11 13:25
做的不错嘛,支持一下。
作者: cnza    时间: 2012-2-21 16:39
支持 言简意赅  思路清晰   有前途的小伙子




欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/) Powered by Discuz! X3.3