dedecms导航添加二级栏目
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中修改
0条评论