php cms 头部的基本引用

最新推荐文章于 2024-04-29 17:30:34 发布

weixin_33831196

最新推荐文章于 2024-04-29 17:30:34 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：https://juejin.im/post/5cd3e87f6fb9a031f90d6d80

本文深入解析了一个网站的导航结构，包括顶部导航栏的设计与实现，以及如何通过动态生成子导航来增强用户体验。文章还探讨了如何根据不同页面调整布局，如在非主页中加入横幅图片和定制化的子导航菜单。

 <header>
  <div class="nav">
    <div class="nav-left">
      <img src="{dr_get_file(dr_block('logo'))}" alt="{SITE_TITLE}" title="{SITE_TITLE}">
    </div>
    <div class="nav-right">
      <ul>
      <!--顶级导航-->
        <li><a href="/">首页</a></li>
        <!--循环导航 先在后台创建好栏目-->
        {list action=category module=share pid=0}
        <li><a href="{$t.url}">{$t.name}</a>
        <!--判断 如果有子栏目则进行循环子栏目-->
          {if $t.child}
          <ul>
          {list action=category module=share pid=$t.id return=nav}
          <li><a href="{$nav.url}">{$nav.name}</a></li>
          {/list}
          </ul>
          {/if}
        </li>
        {/list}
        <li class="s-img"><img src="../statics/style/images/ss.png"></li>
        <li class="pic-li">Contact us<span class="jt"><img src="../statics/style/images/lower.png"></span>
          <ul>
            <li><img src="../statics/style/images/gwc.png"></li>
            <li><img src="../statics/style/images/wb1.png"><img src="{dr_get_file(dr_block('weiboerweima'))}"></li>
            <!--添加自定义的一些图片方便客户自己更改-->
            <li><img src="../statics/style/images/wx.png"><img src="{dr_get_file(dr_block('wxewm'))}"></li>
            <li><img src="../statics/style/images/dh.png"></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</header>
<!--判断如果不是主页-->
{if !$indexc}
<div class="banner">
    {if $cat.banner}   
    <img src="{dr_get_file($cat.banner)}" style="display: block;">
    {else}
    <img src="{dr_get_file(dr_share_cat_value($cat.pid,'banner'))}" style="display: block;">
    {dr_get_file(dr_share_cat_value($cat.pid,'banner'))}
    {/if}
    <!--pid=0一般表示主页 如果是主页则不进行-->
  {if $cat.pid==0}
  {else}
  
    <!--否则 循环 将顶级导航内的子栏目循环到该栏目下的子导航内-->
    <div class="banner-list">
        
      <ul>
        <li class="s-img"><img src="../statics/style/images/home.png"></li>

        {list action=category module=share pid=$cat.pid}

        <li><a href="{$t.url}">{$t.name}</a></li>
        {/list}
        
      </ul>
      
    </div>
    {/if}
  </div>
{/if}复制代码

转载于:https://juejin.im/post/5cd3e87f6fb9a031f90d6d80