网络营销电子商务研究中心 - 如何在克米大众模板顶部增加导航?

克米大众模板(comiis_dzmf)增加的顶部导航如www.xuyi.org
操作如下:
第一步,打开emplate/comiis_dzmf/common/header.php文件, 找到

Code:

                                <!--{ad/subnavbanner/a_mu}-->



                                <!--{subtemplate common/pubsearchform}-->

然后在此代码上边加入如下代码:

Code:

<div class="comiis_nav">

   <dt class="nav_ico01">

<li><a href="#" target=_blank>休闲灌水</a></li>

<li><a href="#" target=_blank>娱乐八卦</a></li>

<li><a href="#" target=_blank>吃喝玩乐</a></li>

<li><a href="#" target=_blank>新闻中心</a></li>

<li><a href="#" target=_blank>时尚节拍</a></li>

<li><a href="#" target=_blank>开心贴图</a></li>

   </dt>

   <dt class="nav_ico02">

<li><a href="#" target=_blank>音乐视听</a></li>

<li><a href="#" target=_blank>旅游休闲</a></li>

<li><a href="#" target=_blank>美女图库</a></li>

<li><a href="#" target=_blank>情感沙龙</a></li>

<li><a href="#" target=_blank>亲子乐园</a></li>

<li><a href="#" target=_blank>女人世界</a></li>

   </dt>

   <dt class="nav_ico03">

<li><a href="#" target=_blank>房产家居</a></li>

<li><a href="#" target=_blank>人才招聘</a></li>

<li><a href="#" target=_blank>城市信息</a></li>

<li><a href="#" target=_blank>健康生活</a></li>

<li><a href="#" target=_blank>职场交流</a></li>

<li><a href="#" target=_blank>投资理财</a></li>

   </dt>

   <dt class="nav_ico04" style="width:130px;">

<li><a href="#" target=_blank>新手报道</a></li>

<li><a href="#" target=_blank>网友中心</a></li>

<li><a href="#" target=_blank>社区公告</a></li>

<li><a href="http://www.xuyi.org" target=_blank>盱眙</a></li>

   </dt>

</div>

第二步打开comiis_dzmf/common/extend_common.css文件, 在适当位置加入如下CSS代码:

Code:

.comiis_nav{BACKGROUND:#f7f9fb url({STYLEIMGDIR}/comiis_navbg.jpg) repeat-x;border:1px solid #e3e3e3;border-top:0px solid #e2eaf1;HEIGHT:57px;overflow:hidden;padding-left:10px;}.comiis_nav dt{WIDTH:207px;HEIGHT:50px;FLOAT:left;overflow:hidden;padding-left:48px;padding-top:6px;}.comiis_nav dt LI{LINE-HEIGHT:22px;WIDTH:65px;FLOAT:left;HEIGHT:22px;overflow:hidden;}.comiis_nav dt LI a{color:#555;}.comiis_nav dt LI a:hover{color:#369;}.nav_ico01{BACKGROUND:url({STYLEIMGDIR}/nav_ico01.jpg) no-repeat;}.nav_ico02{BACKGROUND:url({STYLEIMGDIR}/nav_ico02.jpg) no-repeat;}.nav_ico03{BACKGROUND:url({STYLEIMGDIR}/nav_ico03.jpg) no-repeat;}.nav_ico04{BACKGROUND:url({STYLEIMGDIR}/nav_ico04.jpg) no-repeat;}.nav_ico05{BACKGROUND:url({STYLEIMGDIR}/nav_ico05.jpg) no-repeat;}

第三步,进入后台更新缓存.

上传nav_ico01.jpg,nav_ico02.jpg,nav_ico03.jpg,nav_ico04.jpg到template/comiis_dzmf/comiis_pic.