关注安徽站长创业、网站优化、网站推广及搜索引擎优化(SEO)的自媒体平台,分享最新的seo和网站优化知识

Akcms导航给当前栏目添加样式的2种方法

发布:雷都SEO2020-3-10 19:51分类: akcms使用手册 标签: 代码优化 网址导航 akcms嵌套 akcms标签

不少站长都喜欢给导航添加样式,站长给出2种方法给Akcms导航当前栏目添加样式

第一种方法:栏目ID读取css样式


栏目读取标签:


<{getcategories rootcategory=$categoryup template="<li><a id=()cate[categoryid]() href=()[url]()>[category]</a></li>"}>

对应的css样式:


<style type="text/css">

#cate<{$category}> {color:#0099cc;font-weight:bold;}

</style>

update 2013-04-23 王磊提示:


以上代码,如果是二级栏目时,会失效,样式代码替换为:


<style type="text/css">

<{if $categoryup eq 0 }>

.cate<{$category}> {background:#1D548B}

<{else}>

.cate<{$categoryup}> {background:#1D548B}

<{/if}>

</style>

第二种方法,用js把当前栏目的样式替换掉。


比如把<li id"nav3">栏目1</li> 的样式替换为 <li id"activepage">栏目1</li>


<script type="text/javascript">

var nav = document.getElementById("nav<{getcategories childcategory=$category num="1" template="[categoryid]"}>");  

if (nav) {nav.className = "activepage"};

</script>

栏目读取标签:


<{getcategories num="10" rootcategory="0" template="<li id=()nav[categoryid]()><span><a href=()[url]() ><span>[category]</span></a></span></li>"}>

父栏目首页时,二级栏目标题不需要样式,可以用AK新加入的IF语句:


<{if $subcategories}>

<{getcategories rootcategory=$category template="<li id=()cate[categoryid]()><a href=()[url]()>[category]</a></li>"}>

<{else}>

<style type="text/css">

#cate<{$category}> {

color:#0099cc;

font-weight:bold;

}

</style>

<{getcategories rootcategory=$categoryup template="<li id=()cate[categoryid]()><a href=()[url]()>[category]</a></li>"}>

<{/if}>

【AKCMS建站交流QQ群:174110734】

转载请注明:本文《Akcms导航给当前栏目添加样式的2种方法》链接: http://seo.leidu.net/post-387.html

百度已收录

已有 0/46 人参与

发表评论:

欢迎分享合肥SEO自媒体seo.leidu.net

合肥网站SEO

欢迎使用手机扫描访问本站,还可以关注微信哦~