導讀:織夢技術織夢技術在 詳細分析和修改織夢系統主頁 這個教程里面我們對系統主頁右邊的版塊已經詳細講解了，要修改系統主頁整個界面，還要對另二塊模板進行修改，即最上面的版塊和左邊的導航dede模板堂dede后臺模板。

  在“詳細分析和修改織夢系統主頁”這個教程里面我們對系統主頁右邊的版塊已經詳細講解了，要修改系統主頁整個界面，還要對另二塊模板進行修改，即最上面的版塊和左邊的導航菜單版塊，截取圖片分別為頂部和左邊導航菜單二塊如下圖所示。                             &ndede會員中心模板bsp;                    后臺織夢文章模板頂部版塊     后臺左邊菜單   只要我們把這二塊的模板，找到然后修改css和js即可改成我們想要的風格。用到的方法我們在詳細分析和修改織夢系統主頁這個教程里面已經詳細講了，我用到的方法是用鼠標右鍵看屬性或直接看地址欄的地址，但是我們發現這二種都不適用。   實際上不是不適用，而是這二種方法里面的一個特例，當我們用鼠標右鍵看屬性的時候，頂部看到的是http://www.dedebase.com/dede/，地址欄目也是，如果以后遇到這情況，說明這是后臺主面默認的文件名沒有顯示，默認文件名是index.php（如果你看的是一個靜態的網址那么就是index.html,例如網站首頁），即http://www.dedebase.com/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.ht織夢模板m和php文件inc_menu.php；最頂部要修改的模板文件是index2.htm。他們對應原css都在模板里有相應的路徑了這里不再多解釋。相關dede模板堂dede后臺模板。

關鍵詞標簽: 標簽 風格 織夢