修改织梦系统主页风格

  在“详细分析和修改织梦系统主页”这个教程里面我们对系统主页右边的版块已经详细讲解了,要修改系统主页整个界面,还要对另二块模板进行修改,即最上面的版块和左边的导航菜单版块,截取图片分别为顶部和左边导航菜单二块如下图所示。
dede后台顶部
                                                 后台顶部版块



    后台左边菜单

  只要我们把这二块的模板,找到然后修改css和js即可改成我们想要的风格。用到的方法我们在详细分析和修改织梦系统主页这个教程里面已经详细讲了,我用到的方法是用鼠标右键看属性或直接看地址栏的地址,但是我们发现这二种都不适用。

  实际上不是不适用,而是这二种方法里面的一个特例,当我们用鼠标右键看属性的时候,顶部看到的是http://www.zuola.net/dede/,地址栏目也是,如果以后遇到这情况,说明这是后台主面默认的文件名没有显示,默认文件名是index.php(如果你看的是一个静态的网址那么就是index.html,例如网站首页),即http://www.zuola.net/dede/index.php,也就是在文件夹dede里面的index.php文件。

  我们打开文件,果然正确,在这个index.php文件中,他直接引入一个模板/templets/index2.htm,我们打开index2.htm模板,看到熟悉的文字如下图。
 
  正是系统主页界面最上面的部分,这个时候我们就可以对这个最上面的一块根据自己的意愿进行修改了。要注意的是这个一个一个的栏目用到了javascript函数JumpFrame,这个函数代码在js文件js/frame.js里面,一般我们修改风格,都不用改js,一般都改css代码,但是有时候,也要改js,如果我们仿站完全不用会js也能仿,如果精通的话最好了,有时候,客户会让我们修改或增加一些js特效,如果是网页制作,那么,一般一定会用到js功能特效的,今天我们主要是修改风格,这里对js不作过多介绍。要修改这个最上部的版块风格,我们就要改index2.htm里面css代码,和引入的css/frame.css这个css文件。

  隐藏菜单、功能地图和换色功能,用到了js,jquery,php代码的混合应用,以后讲解js(jquery)我们对这些功能进行详细的讲解,这里不作过多解释。

  接下来是,左边导航菜单,我们通过右键属性功能,找到右边菜单对应的php文件是index_menu.php文件,这个php文件对应原模板是index_menu.htm,再次提醒,织梦系统一般对php程序文件和对应的模板文件命名是二都名字一样。我们在index_menu.php里面找到templets/index_menu2.htm这个模板,这个正是左边菜单的模板,打开模板,我们发现左边菜单又用到了jquery的一个函数ShowMainMenu(),这个函数在js/leftmenu.js,这个js文件里面,我们打开这个js文件。打到这个函数,然后发现他向index_menu_load.php文件传值,在/dede/文件夹下面打到这个文件并打开,里面有一个if else 判断,里面的inc/inc_menu.php(后台管理菜单项)和/inc/inc_menu_func.php(管理菜单函数)这二个php程序,是用来载入菜单的。我们再打开这个文件,我们直接在inc_menu.php文件里面进行修改即可。

  也就是左边菜单的风格文件需要修改:index_menu2.htm和php文件inc_menu.php;最顶部要修改的模板文件是index2.htm。他们对应原css都在模板里有相应的路径了这里不再多解释。