查看: 23682|回复: 72

[使用帮助] 如何将网站首页频道改为2列显示(sp4)

  [复制链接]
发表于 2007-5-12 19:48:08 | 显示全部楼层 |阅读模式
1、网站首页栏目双排显示
  1. {template 'phpcms','header'}
  2. <table cellspacing="0" cellpadding="0" width="980" align="center">
  3. <tr>
  4.   <td valign="top" width="710">
  5.    <table cellspacing="0" cellpadding="0" width="100%">
  6.     <tr>
  7.      <td align="center" width="270">
  8.      <div class="slidepic">{tag_首页幻灯片}</div>
  9.      </td>
  10.      <td width="10"></td>
  11.      <td valign="top">
  12.       <div class="div_box_1">
  13.       <div class="cat_title">
  14.       <div class="cat_name">推荐信息</div>
  15.       </div>
  16.       {tag_首页推荐信息}
  17.       </div>
  18.      </td>
  19.     </tr>
  20.    </table>
  21.    <table cellspacing="0" cellpadding="0" width="100%">
  22.    <tr><td height="5"> </td></tr>
  23.    <tr><td><script language="javascript" src="{PHPCMS_PATH}data/js/search.js"></script></td></tr>
  24.    </table>
  25.   </td>
  26.   <td width="15"></td>
  27.   <td class="right_bg" valign="top" width="255" align="left">
  28.   <div class="rightcats">
  29.   <h1>网站公告</h1>
  30.   <h2><a class="more" href="{$MODULE[announce][linkurl]}">更多 >></a></h2>
  31.   </div>
  32.   <table cellspacing="0" cellpadding="0" width="100%">
  33.    <tr>
  34.     <td>{tag_网站首页最新公告}</td>
  35.    </tr>
  36.   </table>
  37.   <div class="rightcats"><h1>推荐专题</h1></div>
  38.   {tag_网站首页推荐专题}
  39.   </td>
  40. </tr>
  41. </table>
  42. <table cellspacing="0" cellpadding="0" width="980" align="center" class="mar_10">
  43.    <tr>
  44.    <td valign="top" width="710">
  45.   <table height="80" cellspacing="0" cellpadding="0" width="100%">
  46.    <tr>
  47.     <td align="center"><script language="javascript" src="{$MODULE[ads][linkurl]}ad.php?id=2"></script></td>
  48.    </tr>
  49.    <tr><td height="5"> </td></tr>
  50.   </table>
  51. <!--{loop $channels['article'] $channelid $cha}-->
  52.   <div class="cat_box_1" style="float:left; width:354px;">
  53.   <div class="cat_title">
  54.   <div class="cat_name">{$cha[channelname]}</div>
  55.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  56.   </div>
  57.   <table cellspacing="0" cellpadding="0" width="100%">
  58.     <tr>
  59.    <td valign="top" width="100%">{tag_网站首页最新文章}</td>
  60.     </tr>
  61.   </table>
  62.   </div>
  63.   <!--{/loop}-->
  64.   <div style="clear:both;"></div>
  65. <!--{loop $channels['picture'] $channelid $cha}-->
  66.   <div class="cat_box_1">
  67.   <div class="cat_title">
  68.   <div class="cat_name">{$cha[channelname]}</div>
  69.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  70.   </div>
  71.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  72.    <tr>
  73.     <td valign="top" >{tag_网站首页最新图片}</td>
  74.    </tr>
  75.   </table>
  76.   </div>
  77.   <!--{/loop}-->
  78. <!--{loop $channels['down'] $channelid $cha}-->
  79.   <div class="cat_box_1">
  80.   <div class="cat_title">
  81.   <div class="cat_name">{$cha[channelname]}</div>
  82.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  83.   </div>
  84.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  85.    <tr>
  86.     <td valign="top"  width="50%">{tag_网站首页推荐下载} </td>
  87.     <td width="10"></td>
  88.     <td valign="top"  width="50%">{tag_网站首页最新下载} </td>
  89.    </tr>
  90.   </table>
  91.   </div>
  92.   <!--{/loop}-->
  93. <!--{loop $channels['info'] $channelid $cha}-->
  94.   <div class="cat_box_1">
  95.   <div class="cat_title">
  96.   <div class="cat_name">{$cha[channelname]}</div>
  97.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  98.   </div>
  99.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  100.    <tr>
  101.     <td valign="top" width="50%">{tag_网站首页推荐信息}</td>
  102.     <td width="10"></td>
  103.     <td valign="top" width="50%">{tag_网站首页最新信息} </td>
  104.    </tr>
  105.   </table>
  106.   </div>
  107.   <!--{/loop}-->
  108. <!--{loop $channels['movie'] $channelid $cha}-->
  109.   <div class="cat_box_1">
  110.   <div class="cat_title">
  111.   <div class="cat_name">{$cha[channelname]}</div>
  112.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  113.   </div>
  114.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  115.    <tr>
  116.     <td valign="top">{tag_网站首页最新影视}</td>
  117.    </tr>
  118.   </table>
  119.   </div>
  120.   <!--{/loop}-->
  121.   </td>
  122.   <td width="15"></td>
  123.   <td class="right_bg" valign="top" width="255">
  124.   <div class="rightcats">
  125.   <h1>最新商品</h1>
  126.   <h2><a class="more" href="{$MODULE[product][linkurl]}">更多 >></a></h2>
  127.   </div>
  128.   {tag_网站首页最新商品}
  129.   <div class="rightcats">
  130.   <h1>投票调查</h1>
  131.   <h2><a class="more" href="{$MODULE[vote][linkurl]}">更多 >></a></h2>
  132.   </div>
  133.   <table height="100" cellspacing="5" cellpadding="0" width="100%">
  134.    <tr>
  135.     <td>{tag_网站首页投票调查}</td>
  136.    </tr>
  137.   </table>
  138.   <div class="rightcats">
  139.   <h1>友情链接</h1>
  140.   <h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2>
  141.   </div>
  142.   <table height="100" cellspacing="5" cellpadding="0" width="100%">
  143.    <tr>
  144.     <td>{tag_网站首页图片链接} {tag_网站首页文字链接} </td>
  145.    </tr>
  146.   </table>
  147.   </td>
  148. </tr>
  149. </table>
  150. {template 'phpcms','footer'}
复制代码
2、频道有间距的样式
  1. {template 'phpcms','header'}
  2. <table cellspacing="0" cellpadding="0" width="980" align="center">
  3. <tr>
  4.   <td valign="top" width="710">
  5.    <table cellspacing="0" cellpadding="0" width="100%">
  6.     <tr>
  7.      <td align="center" width="270">
  8.      <div class="slidepic">{tag_首页幻灯片}</div>
  9.      </td>
  10.      <td width="10"></td>
  11.      <td valign="top">
  12.       <div class="div_box_1">
  13.       <div class="cat_title">
  14.       <div class="cat_name">推荐信息</div>
  15.       </div>
  16.       {tag_首页推荐信息}
  17.       </div>
  18.      </td>
  19.     </tr>
  20.    </table>
  21.    <table cellspacing="0" cellpadding="0" width="100%">
  22.    <tr><td height="5"> </td></tr>
  23.    <tr><td><script language="javascript" src="{PHPCMS_PATH}data/js/search.js"></script></td></tr>
  24.    </table>
  25.   </td>
  26.   <td width="15"></td>
  27.   <td class="right_bg" valign="top" width="255" align="left">
  28.   <div class="rightcats">
  29.   <h1>网站公告</h1>
  30.   <h2><a class="more" href="{$MODULE[announce][linkurl]}">更多 >></a></h2>
  31.   </div>
  32.   <table cellspacing="0" cellpadding="0" width="100%">
  33.    <tr>
  34.     <td>{tag_网站首页最新公告}</td>
  35.    </tr>
  36.   </table>
  37.   <div class="rightcats"><h1>推荐专题</h1></div>
  38.   {tag_网站首页推荐专题}
  39.   </td>
  40. </tr>
  41. </table>
  42. <table cellspacing="0" cellpadding="0" width="980" align="center" class="mar_10">
  43.    <tr>
  44.    <td valign="top" width="710">
  45.   <table height="80" cellspacing="0" cellpadding="0" width="100%">
  46.    <tr>
  47.     <td align="center"><script language="javascript" src="{$MODULE[ads][linkurl]}ad.php?id=2"></script></td>
  48.    </tr>
  49.    <tr><td height="5"> </td></tr>
  50.   </table>
  51. <!--{loop $channels['article'] $channelid $cha}-->
  52.   <div class="cat_box_1" style="float:left; width:344px;margin:5px;">
  53.   <div class="cat_title">
  54.   <div class="cat_name">{$cha[channelname]}</div>
  55.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  56.   </div>
  57.   <table cellspacing="0" cellpadding="0" width="100%">
  58.     <tr>
  59.    <td valign="top" width="100%">{tag_网站首页最新文章}</td>
  60.     </tr>
  61.   </table>
  62.   </div>
  63.   <!--{/loop}-->
  64.   <div style="clear:both;"></div>
  65. <!--{loop $channels['picture'] $channelid $cha}-->
  66.   <div class="cat_box_1">
  67.   <div class="cat_title">
  68.   <div class="cat_name">{$cha[channelname]}</div>
  69.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  70.   </div>
  71.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  72.    <tr>
  73.     <td valign="top" >{tag_网站首页最新图片}</td>
  74.    </tr>
  75.   </table>
  76.   </div>
  77.   <!--{/loop}-->
  78. <!--{loop $channels['down'] $channelid $cha}-->
  79.   <div class="cat_box_1">
  80.   <div class="cat_title">
  81.   <div class="cat_name">{$cha[channelname]}</div>
  82.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  83.   </div>
  84.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  85.    <tr>
  86.     <td valign="top"  width="50%">{tag_网站首页推荐下载} </td>
  87.     <td width="10"></td>
  88.     <td valign="top"  width="50%">{tag_网站首页最新下载} </td>
  89.    </tr>
  90.   </table>
  91.   </div>
  92.   <!--{/loop}-->
  93. <!--{loop $channels['info'] $channelid $cha}-->
  94.   <div class="cat_box_1">
  95.   <div class="cat_title">
  96.   <div class="cat_name">{$cha[channelname]}</div>
  97.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  98.   </div>
  99.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  100.    <tr>
  101.     <td valign="top" width="50%">{tag_网站首页推荐信息}</td>
  102.     <td width="10"></td>
  103.     <td valign="top" width="50%">{tag_网站首页最新信息} </td>
  104.    </tr>
  105.   </table>
  106.   </div>
  107.   <!--{/loop}-->
  108. <!--{loop $channels['movie'] $channelid $cha}-->
  109.   <div class="cat_box_1">
  110.   <div class="cat_title">
  111.   <div class="cat_name">{$cha[channelname]}</div>
  112.   <div class="cat_url"><a class="more" href="{$cha[linkurl]}">更多 >></a></div>
  113.   </div>
  114.   <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
  115.    <tr>
  116.     <td valign="top">{tag_网站首页最新影视}</td>
  117.    </tr>
  118.   </table>
  119.   </div>
  120.   <!--{/loop}-->
  121.   </td>
  122.   <td width="15"></td>
  123.   <td class="right_bg" valign="top" width="255">
  124.   <div class="rightcats">
  125.   <h1>最新商品</h1>
  126.   <h2><a class="more" href="{$MODULE[product][linkurl]}">更多 >></a></h2>
  127.   </div>
  128.   {tag_网站首页最新商品}
  129.   <div class="rightcats">
  130.   <h1>投票调查</h1>
  131.   <h2><a class="more" href="{$MODULE[vote][linkurl]}">更多 >></a></h2>
  132.   </div>
  133.   <table height="100" cellspacing="5" cellpadding="0" width="100%">
  134.    <tr>
  135.     <td>{tag_网站首页投票调查}</td>
  136.    </tr>
  137.   </table>
  138.   <div class="rightcats">
  139.   <h1>友情链接</h1>
  140.   <h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2>
  141.   </div>
  142.   <table height="100" cellspacing="5" cellpadding="0" width="100%">
  143.    <tr>
  144.     <td>{tag_网站首页图片链接} {tag_网站首页文字链接} </td>
  145.    </tr>
  146.   </table>
  147.   </td>
  148. </tr>
  149. </table>
  150. {template 'phpcms','footer'}
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?点击这里注册

x

评分

参与人数 1威望 +4 收起 理由
im520 + 4 原创内容

查看全部评分

发表于 2007-5-13 06:00:52 | 显示全部楼层
我居然也坐到沙发了,真厉害啊,
但是用了之后变这样了

[ 本帖最后由 ym163 于 2007-5-13 06:45 AM 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?点击这里注册

x
发表于 2007-5-13 06:45:41 | 显示全部楼层
就一个跑那边去 了别的正常
 楼主| 发表于 2007-5-13 12:47:09 | 显示全部楼层
因为你的频道没有内容,每个频道添加超过10个就好了
发表于 2007-5-13 23:44:43 | 显示全部楼层
有帮助了我
发表于 2007-6-4 15:45:21 | 显示全部楼层
要加10个才行啊
发表于 2007-6-9 13:45:29 | 显示全部楼层

jackiedong (山的那一面)

向您學習了! 拜您為師!
发表于 2007-6-11 13:56:57 | 显示全部楼层

我試了,怎么不行呀!

我做了測試,還是 不行,!不知道是不是我搞錯了!
发表于 2007-6-14 07:51:15 | 显示全部楼层

這貼我的頂!

好東西沒人看,整天評評評,搞個屁呀!
我相信會有人幫手處理模版問題的,但是怎就沒有人回我的貼呢?沉了 ,就沒人管了!
jackiedong
山的那一面兄弟同,謝謝您,你的代碼我收藏了,有時間幫我看一看,為什么我做的不行!謝謝了!
发表于 2007-6-14 13:54:06 | 显示全部楼层

回復: jackiedong (山的那一面)

怎么沒有人回復呢? 與其在那里滿腹牢騷,還不如好好地談談怎么處理問題!
发表于 2007-6-18 11:24:13 | 显示全部楼层
学习zhong...
发表于 2007-6-24 17:16:31 | 显示全部楼层

呵呵!

我试了,做不出来!
 楼主| 发表于 2007-6-24 18:29:58 | 显示全部楼层
我测试过可以,除非你改过默认模板
发表于 2007-6-24 19:37:01 | 显示全部楼层
zhichi,,,,,,,,,,,,,
发表于 2007-6-25 07:56:44 | 显示全部楼层

呵呵!默認模板倒是沒有改過!

您不是說想簡單,復蓋就可以以了嗎?但是我復蓋了以后,全部靠在左邊了.而右邊沒有東西! 正像2#的圖一樣!這叫左右兩欄顯示嗎? 倒是這個代碼可以做到哦!

<table width="710"  border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td><table cellspacing="0" cellpadding="0" width="353" align="center" class="mar_10">
                    <tbody>
                      <tr>
                        <td valign="top" width="710">
                          <div class="cat_box_1">
                            <div class="cat_title">
                              <div class="cat_name">栏目名称</div>
                              <div class="cat_url"><a class="more" href="/">更多 &gt;&gt;</a></div>
                            </div>
                            <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
                              <tbody>
                                <tr>
                                  <td valign="top">标签写在这里</td>
                                </tr>
                              </tbody>
                            </table>
                        </div></td>
                      </tr>
                    </tbody>
                </table></td>
                <td width="4"></td>
                <td><table cellspacing="0" cellpadding="0" width="353" align="center" class="mar_10">
                    <tbody>
                      <tr>
                        <td valign="top" width="710">
                          <div class="cat_box_1">
                            <div class="cat_title">
                              <div class="cat_name">栏目名称</div>
                              <div class="cat_url"><a class="more" href="/">更多 &gt;&gt;</a></div>
                            </div>
                            <table cellspacing="0" cellpadding="0" width="100%" class="mar_10">
                              <tbody>
                                <tr>
                                  <td valign="top">标签写在这里</td>
                                </tr>
                              </tbody>
                            </table>
                        </div></td>
                      </tr>
                    </tbody>
                </table></td>
              </tr>
            </table>
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-9-22 12:05 , Processed in 0.229295 second(s), 9 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表