dedecms导航栏个性化样式及二级栏目调用产生空白div或块的解决办法

前言

dedecms是一个非常好用的开源php系统,使用它作为建站工具非常便捷,入门也很快。但是对于一些要求个性化需求的网站还是有些吃力的,当需要dede实现导航栏不同样式时,如何实现。以及导航栏目需要显示二级栏目,但是一些模板并没有二级栏目,这个时候会显示一个溢出的div或者块元素。怎么办呢?今天跟大家分享一下如何自定导航栏不同样式以及织梦二级栏目调用产生空白div或块的解决办法,即dede有二级调用一个样式 无二级调用一个样式

预览图

dedecms导航栏个性化样式及二级栏目调用产生空白div或块的解决办法-大江博客

案例

第一个菜单导航高亮并执行热门样式,有二级栏目显示下三角标,其他栏目不执行样式

关键代码 这段代码写在<li    >里面        *视实际情况而定
{dede:field runphp='yes' name = 'typeid'}if(@me==7){@me=" class='li2'";}else if(@me==2||@me==21){@me=" class='li3'";}else{@me=" class='li9'";}{/dede:field}
解释
{dede:field runphp='yes' name = 'typeid'}
if(@me==7){@me=" class='li2'";}
else if(@me==2||@me==21){@me=" class='li3'";}
else{@me=" class='li9'";}
{/dede:field}

如果栏目id是7执行class='li2'样式

如果栏目id是2或者21执行class='li3'样式

其他执行li9样式,此样式为空,当样式为空时就不会产生二级栏目溢出的div或块.

完整代码

{dede:channelartlist typeid='top' }
<li {dede:field runphp='yes' name = 'typeid'}if(@me==7){@me=" class='li2'";}else if(@me==2||@me==21){@me=" class='li3'";}else{@me=" class='li9'";}{/dede:field}>
    <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>
    <div target="_blank"{dede:field runphp='yes' name = 'typeid'}if(@me==2||@me==21){@me=" class='drop-down'";}else{@me=" class='drop-down2'";}{/dede:field}>      
        {dede:channel type='son' noself='yes' notypeid='7'}
        <a href="[field:typelink/]">[field:typename/]</a>
        {/dede:channel}      
    </div>
    
</li>
{/dede:channelartlist}

 

注意事项

代码编辑时请务必使用专业代码编辑器或者相关软件,并且一定要复制备份一份原文件。

请大家尊重版权,如非必要请不要去除版权等相关信息,另外积极支持正版软件,谢谢!

 

本文为站长亲测无误后发表,转载请注明出处!

至此关于dedecms导航栏不同样式及二级栏目调用产生空白div或块的解决办法已全部完成,本文由博主边操作边写记录并亲测无误,如您在过程中遇到什么问题,请联系我QQ:726322022  微信:hb6958 (请注明来意)

未经作者允许不得转载:大江博客 » dedecms导航栏个性化样式及二级栏目调用产生空白div或块的解决办法
博主微信:欢迎加微一起交流
欢迎加微一起交流,每天分享更多有趣的事儿,有趣有料!
2000人已加
分享到:
赞(1)

说点啥吧抢沙发

评论前必须 ☞☞ 登录/注册 !