If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

How to edit the HTML menu titles

The following tutorial will show you how to edit the HTML menu titles. The tutorial is valid for such template types as Full Site (static version), Flash or Swish Animated (static version), Flash or Swish template (static version), CSS Template, Static Full Site, Full Package (static version), Dynamic Flash or Swish(static version), XML Flash (static version).

Ok, let’s begin.

First of all open the template directory. There go to the Site folder. In the site folder you can see several HTML files: index, index-1, index-2 etc. Each index file is a separate page of your template. These files could be modified with your HTML editor (Notepad, Adobe Dreamweaver etc).

Open any index file with the HTML editor. You can use the search tool (CTRL+F) and search for the button titles or just scroll down through the code.
The HTML menus are usually created using the unordered list structure (<ul> and <li> tags).

<ul id="menu"> 
<li class="active"><a href="index.html">Page 1</a></li>
<li><a href="index-1.html">Page 2</a></li> 
<li><a href="index-2.html">Page 3</a></li> 
<li><a href="index-3.html">Page 4</a></li> 
<li><a href="index-4.html">services</a> 
<div class="submenu_1"> 
<ul class="menu_box"> 
<li><a href="index-4.html">Lum molestie</a></li> 
<li><a href="index-4.html">Aenean nonummy</a></li> 
<li><a href="index-4.html">Hendrerit mauris</a> 
<div class="submenu_2"> 
<ul class="menu_box"> 
<li><a href="index-4.html">Aenean nonummy</a></li> 
<li><a href="index-4.html">Fusce suscipit</a></li> 
<li><a href="index-4.html">Cum sociis</a></li> 
</ul> 
</div> 
</li> 
<li><a href="index-4.html">Phasellus porta</a></li> 
<li><a href="index-4.html">Fusce suscipit</a></li> 
</ul> 
</div> 
</li> 
<li><a href="index-5.html">Our Team</a></li> 
<li><a href="index-6.html">partners</a></li> 
<li class="last"><a href="index-7.html">Contact us</a></li> 
</ul>

To change the title edit the text between the <a…> and </a> tags. For example to change the title Home with Page -1 replace:

<li class="active"><a href="index.html">Home</a></li>

with

<li class="active"><a href="index.html">Page 1</a></li>

Please note that in order to change the menu for every page you should perform the above changes in all index files.

 

Feel free to check the detailed video tutorial below:

How to edit the HTML menu titles

How to edit the HTML menu titles, 5.0 out of 5 based on 1 rating