& lt！ -//drop-down menu of secondary subcategories, which is placed at the bottom for SEO reasons.

-& gt；

& ltscript type = ' text/JavaScript ' src = ' { dede:global . CFG _ CMS URL/}/images/js/drop down . js ' & gt； & lt/script & gt；

{ dede:channel art list typeid = ' top ' cacheid = ' channel sonlist ' } & lt； ul id = " drop menu { dede:field . typeid/} " class = " drop menu " & gt；

{ dede:channel type = ' son ' noself = ' yes ' } & lt； Li> & ltahref = "[field: typelink/]" > [field:typename/]& lt； /a & gt； & lt/ Li>

{/dede:channel}

& lt/ul & gt；

{/dede:channelartlist}

& ltscript type = " text/JavaScript " & gt； CSS drop down . start chrome(" nav menu ")& lt； /script & gt；

Refreshing the web page found that the drop-down menu has magically appeared, but it is transparent at this time because of the lack of drop-down menu pictures. Because there is no background image.

Next, you need to put mmenubg.gif (green background picture, suitable for green theme template) in the DedeCMS5.6 program folder \ DEDEDEC \ IMG or mmenubg.gif (blue background picture, suitable for blue theme template) and copy it to the DedeCMS5.7 program folder /templates/default/images. Now let's see the effect. Hehe, is there a familiar drop-down menu in the navigation bar?

At this point, the effect you want is basically completed. If you want to make other settings, such as adjusting the position, just find the file/templates/default/style/dedecms.css, and CTRL+F. Drop-down menu.

If you just adjust the width, you only need to modify it:

Width:100px; /*-//The original parameter is 120-. If the number of secondary titles is small, you can also adjust the parameter to 80 or even 60-*-/ left padding. After the change, you can center it or change the font color.