[原创]算是教材《列表页与标签模板》（CHINAHTML模板示例）（慢慢整理）帝国cms

帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → [原创]算是教材《列表页与标签模板》（CHINAHTML模板示例）（慢慢整理）

【本版专题贴子】

ouyang
用户头衔：秀才 *

精华贴   ：1
发贴数   ：63
经验值   ：327
注册时间：2006-05-10

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

[原创]算是教材《列表页与标签模板》（CHINAHTML模板示例）（慢慢整理）

首先去看看CH列表的构成再过来看看下面的 http://www.chinahtml.com/programming/1/

1、下面就是CH的列表模板全部内容（跟其它CMS不同的就是帝国把列表的样式分出来了叫列表内容模板(list.var)

[!--temp.helei--]  
<div class="mainimg">[phomead]1[/phomead]</div>
<div class="mainimg2">[phomead]2[/phomead][phomead]3[/phomead][phomead]4[/phomead][phomead]5[/phomead]</div>
<DIV id=maincontainer>
<DIV id=main_content>
<DIV class=catMenu>
<DIV class=menutitle>[!--pagetitle--]</DIV>
<DIV class=catnav>
<UL>
[showclasstemp]'selfinfo',8,0[/showclasstemp]
  <LI class=s><A
  href="/e/web?type=rss2&order=0&orderby=0&classid=31"><IMG
  height=12 src="/_img/grss.gif" width=34 border=0></A>
</LI></UL></DIV></DIV>
<DIV class=catMenux>
<DIV class=catMenuz>
<UL>
  <LI class=s>您现在正在浏览：[!--newsnav--]
  </LI></UL>
<DIV class=subsearch>
<DIV class=s1>新闻检索：</DIV>
<FORM class=newsSearch action=/e/search/index.php method=post>
<DIV class=s2><INPUT id=search-field name=keyboard> <SELECT style="WIDTH: 60px"
name=show> <OPTION value=title selected>标题</OPTION> <OPTION
  value=smalltext>简介</OPTION> <OPTION value=newstext>内容</OPTION> <OPTION
  value=writer>作者</OPTION> <OPTION
  value=title,smalltext,newstext,writer>搜索全部</OPTION></SELECT> <INPUT type=hidden
value=0 name=classid> </DIV>
<DIV class=s3><INPUT type=image height=20 alt=search width=51
src="/_img/search.gif" border=0 name=Submit>
</DIV></FORM></DIV></DIV></DIV>
<DIV id=content>
<DIV id=leftCol>
<DIV class=mainleftimg>[phomead]8[/phomead]</DIV>
<DIV class=mainline> </DIV>
<DIV class=mainleftlist>
<DIV class=newslist>
<DL>
[!--empirenews.listtemp--]
      
[!--empirenews.listtemp--]   </DL></DIV>
<DIV class=pagenum>[!--show.listpage--]
</DIV>
<DIV class=clearit></DIV></DIV></DIV>
<DIV id=rightCol>
<div class="right300">
   <DIV id=banner><A href="javascript:jump2url()" rel=external><IMG id=cpADrush
style="FILTER: revealTrans(duration=2,transition=23)" alt=新游人欢迎你！
src="/_img/banner01.jpg" name=cpADrush></A></DIV>
      <script type="text/javascript">nextAd()</script>
      <div id="bannerSN">
      <ul>
         <li><a rel="external" href="#" onMouseOver="changeimg(0)"><img name="img1" id="img1" src="/_img/serial_01.gif" onClick="changeimg(0)" alt="1" /></a></li>
         <li><a rel="external" href="#" onMouseOver="changeimg(1)"><img name="img2" id="img2" src="/_img/serial_02.gif" onClick="changeimg(1)" alt="2" /></a></li>
         <li><a rel="external" href="#" onMouseOver="changeimg(2)"><img name="img3" id="img3" src="/_img/serial_03.gif" onClick="changeimg(2)" alt="3" /></a></li>
         <li><a rel="external" href="#" onMouseOver="changeimg(3)"><img name="img4" id="img4" src="/_img/serial_04.gif" onClick="changeimg(3)" alt="4" /></a></li>
         <li><a rel="external" href="#" onMouseOver="changeimg(4)"><img name="img5" id="img5" src="/_img/serial_05.gif" onClick="changeimg(4)" alt="5" /></a></li>
      </ul></DIV></DIV>
<DIV class=recommand>
<H6>本栏推荐</H6>
[ecmsinfo]'selfinfo',14,20,0,2,4,0[/ecmsinfo]
<DIV class=clearit></DIV></DIV>
<DIV class=ad145>
<UL>
  <LI class=s1>[phomead]6[/phomead] </LI>
  <LI class=s2>[phomead]7[/phomead]</LI></UL></DIV>
<SCRIPT language=javascript type=text/javascript>
//<![CDATA[
function Show_RtADMenu(rtadid_num,rtadnum){
for(var i=0;i<2;i++){document.getElementById("rtadcontent_"+rtadid_num+i).style.display="none";}
for(var i=0;i<2;i++){document.getElementById("rtadmenu_"+rtadid_num+i).className="RtTxtTabsOff";}
document.getElementById("rtadmenu_"+rtadid_num+rtadnum).className="RtTxtTabsOn";
document.getElementById("rtadcontent_"+rtadid_num+rtadnum).style.display="block";
}
//]]>
   </SCRIPT>

<DIV class=RtTxt>
<DIV class=RtTxtTabs>
<DIV class=RtTxtTabsOn id=rtadmenu_10
onmouseover=Show_RtADMenu(1,0);><SPAN>推荐</SPAN></DIV>
<DIV class=RtTxtTabsOff id=rtadmenu_11 onmouseover=Show_RtADMenu(1,1);
style="MARGIN-TOP: 1px"><SPAN>热点</SPAN></DIV></DIV>
<UL class=RtTxtBox id=rtadcontent_10>
  [ecmsinfo]1,3,38,0,5,4,0[/ecmsinfo]</UL>
<UL class=RtTxtBox id=rtadcontent_11>
  [ecmsinfo]1,3,38,0,4,4,0[/ecmsinfo]</UL>
<DIV class=clearit></DIV></DIV>
<SCRIPT type=text/javascript>
function swap_tab2(n){
for(var i=1;i<=2;i++){
var curC=document.getElementById("tab2_"+i);
var curB=document.getElementById("tab2_t"+i);
if(n==i){
curC.style.display="block";
curB.className="active"
}else{
curC.style.display="none";
curB.className="normal"
}
}
}
   </SCRIPT>

<div class=rightTitle1 id=mostnews>
      <ul>
      <li class=active id=tab2_t1 onMouseOver="return swap_tab2(1)">
         <h2><a
  href="/new/PHB.HTML">24小时点击最高的新闻</a></h2>
      </li>
      <li class=normal id=tab2_t2 onMouseOver="return swap_tab2(2)">
         <h2><a
href="/new/PLB.HTML">评论最多的新闻</a></h2>
      </li>
      </ul>
   </div>
   <div class=rightContent id=tab2_1>
      <div class=list2>
      <ol>
      [ecmsinfo]'selfinfo',8,38,0,1,4,0[/ecmsinfo]
      </ol>
      <div class=clear></div>
      </div>
   </div>
   <div class=rightContent id=tab2_2 style="DISPLAY: none">
      <div class=list2>
      <ol>
         [ecmsinfo]'selfinfo',8,38,0,9,4,0[/ecmsinfo]
      </ol>
      <div class=clear></div>
      </div>
   </div>
   
   <h1 class=rgtBlkTitle><span class=rgtBlkName>最新信息</span></h1>
   <div class=Blk>
      <div class=rgtPicTexBlkWrapper>
      <ul class=rgtLinkListItem>
         [ecmsinfo]'selfinfo',8,38,0,0,4,0[/ecmsinfo]
      </ul>
      </div>
      <div class=clear></div>
   </div><h1 class=rgtBlkTitle><span class=rgtBlkName>新闻排行榜</span></h1>
   <div class=Blk>
      <div class=rgtWrapperInner>
      <ul class=rgtLinkListItem_n>
      [ecmsinfo]'selfinfo',6,38,0,12,5,0[/ecmsinfo]
      </ul>
      </div>
      <div class=clear></div>
   </div>
   
   
   <h1 class=rgtBlkTitle><span class=rgtBlkName>近期热点</span></h1>
   <div class=Blk>
      <div class=rgtPicTexBlkWrapper>
      [ecmsinfo]'selfinfo',3,35,0,1,6,1[/ecmsinfo]

      <div class=clearit></div>
      </div>
   </div>
   
</div>

  </div>
</DIV>
<DIV id=left_content>
<DIV id=cat_menu>
<UL id=cat_menuleft>
  [showclasstemp]0,7,0[/showclasstemp]</UL></DIV>
<DIV class=clear></DIV>
<DIV class=search-box>
<FORM id=form-search action=/e/search/index.php method=post>
<P><INPUT id=search-field size=15 name=keyboard> <INPUT type=hidden value=title
name=show> <INPUT type=hidden value=0 name=classid> <INPUT id=search-button
type=image alt=Search src="/_img/b-search.gif" name=Submit> <SPAN id=show_search_options><A
class=arrow href="/search/">高级搜索</A></SPAN>
</P></FORM></DIV>
  <div class="news_box">
<h2>联系我们</h2>
      <ul>
      <li><a href="mailto:oyjy516#hotamil.com">总编邮箱</a></li>
      <li><a rel="external" href="http://www.#.com/bbs/forumdisplay.php?fid=2">意见建议</a></li>
      <li><a rel="external" href="http://www.#.com/bbs/register.php">注册投稿</a></li>
      <li><a rel="external" href="/e/web/?type=rss2">信息订阅</a> <a rel="external" href="/e/web/?type=rss2"><img src="/_img/rss.gif" alt="" /></a> </li>
      </ul></DIV>
<DIV class=left_links>
<H2>广告赞助</H2>
<UL>
  <LI>
[phomead]16[/phomead]
  <LI>
  [phomead]17[/phomead]

  <LI>
  [phomead]18[/phomead]
  </LI></UL></DIV></DIV>

[!--temp.footer YB--]

[该贴被修改 4 次，最后修改时间 2007-05-15 12:00:05 ]

2007-05-15 11:39:30

已设置保密

顶部

引用

报告

编辑

删除

ouyang
用户头衔：秀才 *

精华贴   ：1
发贴数   ：63
经验值   ：327
注册时间：2006-05-10

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

2、正题来了，老鬼列表中列表的样式（也就是蓝色标签的标式，就是帝国分出来的列表内容模板
(list.var) ）

<DT><SPAN><A title=[!--oldtitle--]
  href="[!--titleurl--]">[!--title--]</A></SPAN>[!--newstime--]  <DD>[!--smalltext--]<A href="[!--titleurl--]">... ...详情</A>
  <DT>

3、头部与尾部的调用（公共模板变量增加以下两个标签）
[!--temp.helei--]  （名字就是helei  ）

[!--temp.footer  YB--] （footer 名字就是YB）

[该贴被修改 1 次，最后修改时间 2007-05-15 11:59:02 ]

2007-05-15 11:44:37

已设置保密

顶部

引用

报告

编辑

删除