dedecms导航添加二级栏目,第1张

1、改变首页顶级栏目字体大小 将dedecmscss模板中的,第313行,如下红色代码,将15改为你想要的大小,我的是改为了14,所以对比不是很明显,你可以试11或10,对比很明显。 #navMenuullispan{ cursor:pointer; display:inline-block; height:44px; line-height:20px; margin:0005px; padding:05px00; text-align:center; vertical-align:middle; font-weight:bold; color:#ebf5e9; font-size:15px;15px为文字大小,可调整数值来调整文字大小 2、改变首页栏目名称间距 在dedecmscss模板287行开始的红色区域数值进行调整。 #navMenuulli{ float:left; height:22px; margin-right:10px;设置右边的间距 margin-left:-3px;设置左边的间距自行修改数值即可 padding-left:10px;

您好,您试试这样,看看能否解决问题:

(1)下载DEDE织梦开发手册,了解这个HTML是怎么生成的。

(2)找一个觉得好看的导航模式,准备套用

(3)找到旧的导航,把CSS+html删掉(如果找不到请使用火狐浏览器的firebug)

(4)把新的导航,用HTML代码+CSS都套进来。先不写你的网站的内容,仅仅只是静态的放进来了。

(5)按照(1)的方法,找到HTML栏目的名字和链接的调用方法(栏目的关键字为:channelid,搜索即可)

(6)调试多浏览器兼容,优化JS、css

PS:这里提一句(3)是可以不用做的,但会有CSS冗余不方便日后的处理。

{dede:channel type='top' row='80'}

<li><a href="[field:typeurl/]">[field:typename/]</a></li>

{/dede:channel}

部分换成

{dede:channelartlist }

<div class="样式1">

{dede:type}<li class="clearfix"><a class="f_l">[field:typename/]</a></li>{/dede:type}

<span>

{dede:channel type='son' noself='yes'}

<a href="[field:typeurl/]" title="[field:typename/]">[field:typename/]</a>|{/dede:channel}

</span>

</div>

{/dede:channelartlist}

我弄了两天才发现的怎么弄的。其实是修改的地方太多了,所以网上很少有高手出来说一下,

改到最后要改十几地方,我给你提个思路,你自己慢慢挖,对学习有好处。

1  首先修改栏数为20的地方是:  /templets/default/headhtm

2 修改的地方为: background 的模板:/templets/default/images/green_skinpng

同样要修改其他五个png的模板;   还有其他五个skincss (要用PS)

3 再次修改CSS资料的地方是: /templets/default/style/dedecmscss 

    里面要改的地方有十多处,

4 修改CSS资料的地方/templets/default/style/layoutcss  

5 修改CSS资料的地方/templets/default/style/pagecss 

6 将搜索栏的位置往下推的地方: /templets/default/style/dedecmscss

呵呵,两天时间啊,为什么DEDE的设计这么复杂。

可惜我的网站还没备案,不然可以赚点链接啊。

1、织梦后台五个区域所对应的模板(dede后台模板):

常用:A区域顶部LOGO行对应文件:/dede/templets/index2htm常用和/dede/templets/index_top2htm

B区域顶部LOGO下的黑色背景行对应文件:同上

C区域主体左侧对应文件:/dede/templets/index_menu2htm左侧主链接和/dede/inc/inc_menuphp常用主链接下的次链接、/dede/inc/inc_menu_mapphp主链接下的次链接、/dede/inc/inc_menu_modulephp模块和插件次导航

D区域主区域部分对应文件:/dede/templets/index_bodyhtm

E区域后台公用底部对应文件:同上

2、dede后台模板文件还有三个分别是不常用:

/dede/templets/index_body_movehtm 对应D区域,后台首页的主体区模板不常用

/dede/templets/index_body_showadhtm 对应后台首页主体部分最上方的红色“DedeCms安全提示”部分,如提示data目录转移等。

/dede/templets/index_body_showauthhtm 对应后台首页程序作者信息的部分

3、dede后台模板/织梦后台模板风格修改

①修改后台logo,该位置:/dede/images/style1/admin_top_logogif 修改该为你想要的内容,覆盖即可

修改该alt属性:在index2htm中找到下面这段代码

<div class="top_logo">

<img src="images/style<php echo $cfg_admin_skin;>/admin_top_logogif" width="200" height="37" alt="DedeCms Logo" title="Welcome use DedeCms" id="topdedelogo" />

</div>

将alt="DedeCms Logo"和title="Welcome use DedeCms"内的值分别修改成你想要的内容即可如:

alt="郑州旭网科技" title="欢迎来到旭网后台管理系统"

②修改区域A右侧部分内容及B区域部分。在index2htm文件中进行修改。欢迎语及导航均可在此处进行修改。

如果想要更加方便客户在此处如:

<li>

<a href="#" onclick="JumpFrame('index_menuphp','catalog_dophpcid=1&dopost=listArchives');" style="color:#FFFFFF;">

行业新闻

</a>

</li>

当你放其他栏目时直接上面的cid=1的值1更换为新的栏目id值,链接名称修改掉即可。

某篇文章内容编辑页面,例如。

<li>

<a href="#" onclick="JumpFrame('index_menuphp','archives_dophpaid=8&dopost=editArchives');" style="color:#FFFFFF;">

公司简介

</a>

</li>

修改时,直接修改上面的aid=5部分,将5换为你想要文章的id值,链接名称换掉即可。

两则的区别主要就是在链接地址上:

栏目的:'catalog_dophpcid=栏目的id值&dopost=listArchives

文章或独立页面的:archives_dophpaid=文章的id值&dopost=editArchives

其他没用的如“会员中心”“快捷方式”,及B区域的全部都可删掉或者注释掉。注意保留:“功能地图,方便以后操作”

③左侧修改,最左侧一列主导航在/dede/templets/index_menu2htm中修改,次链接在/dede/inc/inc_menuphp及/dede/inc/inc_menu_modulephp中修改

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms导航添加二级栏目

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情