织梦仿站第四课:网站首页仿制 之head.htm仿制

上一课我们主要讲解了织梦 网站首页整体的一个划分 
    这一节我们主要看一下首页head.htm  的仿制:

  
  上一节我们已经将相应的代码保存在head.htm 文件中了  

   我们要做的就是更改head.htm中的代码  :
        其实在head.htm中有很多东西是我们可以删除的或者是 可以通过织梦的后台事情自带加上的(例如导航栏目的添加)
   我们来看一下我仿的站长之家的head.htm的代码:

  1. <div class="toolbar">
  2.     <div class="clearfix toolbar-inner">
  3.         <div class="quicklink">
  4.             <ul id="chinaz_website_links" class="accesslink">
  5.                 <li><a href="{dede:global.cfg_cmsurl/}"><span>网站主页</span></a></li>
  6.          <li><a href="{dede:global.cfg_cmsurl/}/member"><span>会员中心</span></a></li>       
  7.             </ul>
  8.             <div id="chinaz_website_menu_1" class="topbar-hiddencontents">
  9.                 <a href="http://bbs.ttzxnet.com/" target="_blank">站长论坛</a>
  10.           
  11.             </div>
  12.             <div id="chinaz_website_menu_2" class="topbar-hiddencontents">
  13.                 
  14.             </div>
  15.             <div id="chinaz_website_menu_3" class="topbar-hiddencontents">
  16.                 
  17.             </div>
  18.         </div>
  19.         <div id="chinaz_topbar"></div>
  20.     </div>
  21. </div>
  22. <div class="header">
  23.     <h1 class="logo"><a href="http://www.ttzxnet.com" rel="home"><img src="http://www.ttzxnet.com/templets/images/top-logo.png" alt="站长之家"></a></h1>
  24.     <div class="ad ad-b-head">
  25.    <!--这里可以添加广告-->
  26.     </div>
  27.     <div class="ad ad-t-head">
  28.         <!--这里可以添加广告-->
  29.     </div>
  30. </div>
  31. <div id="nav" class="nav">
  32.     <ul>
  33.               <li><a href='{dede:global.cfg_cmsurl/}/'  target="_self"><span>主页</span></a></li>
  34.               {dede:channel type='top' row='10' current}
  35.               <li><a href='[field:typeurl/]' target="_self"><span>[field:typename/]</span></a></li>
  36.               {/dede:channel}
  37.             </ul>
  38. </div>
复制代码

我们需要对于代码做出一些解释:{dede:global.cfg_cmsurl/}   是主页的链接  
             这个是织梦后台系统设置的主页链接。 
还有一段代码:

  1. <li><a href='{dede:global.cfg_cmsurl/}/' target="_self"><span>主页</span></a></li>
  2. {dede:channel type='top' row='10' current}
  3. <li><a href='[field:typeurl/]' target="_self"><span>[field:typename/]</span></a></li>
  4. {/dede:channel}
复制代码


这个是导航栏的代码:
        使用了: dede:channel 这样的标签来进行标记
                      在里面有一个  currentstyle=' ' 这里面填的是在当前栏目下该栏目导航样式:
    例如:
                           QQ截图20111114133313.png 
  
      其他的标签就是添加栏目链接 ,栏目标题,及显示10个栏目等!
  
织梦仿站教程正在更新 更多请访问 站长部落论坛 http://bbs.zzblo.com

posted @ 2011-11-27 22:15  漫步旅行者  阅读(343)  评论(0编辑  收藏  举报
md5密码破解站长部落论坛漫步旅行者博客 织梦仿站教程织梦dedecms教程