Gamezine Menu Bar

This writing guide explains about how to customize Gamezine menu, above and below Header.

Description:
What is the above and below header menu...??
I will show the screenshot of it, I hope you will know the position of the menu. (LOL)







The Menu in Updated one is set in add page element, because of that you have to go to LAYOUT --> Add Page elemetn.

MENU ABOVE HEADER
Here is the HTML structure for FOX MENU

<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>
<li><a href='TOP-MENU-LINK-ADDRESS-HERE' title='HOVER-TOP-MENU'>YOUR-TOP-TITLE</a></li>

(please do not change any red text color, eventhough it is quote symbols)

Now, change the words :
TOP-MENU-LINK-ADDRESS-HERE with your own link location. Inline with it, you'll see HOVER-TOP-MENU and YOUR-TOP-TITLE. Also, change that hover and top title.
Hover title, its mean when your mouse is put over the menu, a yellow description will show with small text. see the image below.



After you change all the word that i have mentioned before, now save your template, and view your blog on web ...

After editing,
1. go to Layout -- Add Page element
2. You will see FOX MENU.
3. Press edit
4. then, copy paste your code into the box.
5. Save The Template


MENU BELOW HEADER
After customizing menu that above the header, now you need to set menu below header. The CAT Menu has function as places that you can put your CATEGORY or LABEL or GROUP link of your article. How to set it, it is easy...

HERE is the HTML of CAT MENU which use PARENT LINK only...

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>
<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a></li>

You could edit this in wordprocessor or notepad.

Here is the HTML of CAT MENU with PARENT and CHILDREN only....(no SUB PARENT)

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

You could edit this in wordprocessor or notepad.

Here is the HTML of CAT MENU with PARENT, CHILDREN, and SUB PARENT

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="sf-menu">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<!-- You could add more list by copy-paste the green text in here -->
</ul>
</li>

</ul>
</li>
<!-- You could add more list by copy-paste here -->

You could edit this in wordprocessor or notepad.

Change the words:

• PARENT-LINK-ADDRESS with your label or category link.
• CHILDREN-LINK-ADDRESS with your specific article.
• CHILDREN-TITLE with your article title.

So, have a nice try, You have a homework, right .... :)