Welcome!   |  Sign In  |  Register E3 2006 COVERAGE | FREE GUILD HOSTING  | BUY GAMES! | Help & FAQ  

Horizontal Menu


Adding the menu bar horizontally under the Logo

The default menu generally starts vertically on the left column. "But I don't want it there!" I hear you asking already... :). Well, there are two possibilities I will present to you that will allow you to place all your buttons in a horizontal line right below the banner, or above if you really want to :).



Choice A:

1. Clear all your current button links (don't log out at this point without putting back the login link! If you do and can't login, just use this shortcut to your site - http://yoursiteURL.guildwizard.com/login.aspx

2a. Goto the Style Manager and under the Alignment & Size section, select in the Display drop-down menu, In-line. This is key, as In-Line will tell it to order the buttons up on top.

2b. Add a button as you normally would, it should appear on top.

3. Repeat section 2. if the buttons reset when placing another. You may have to do the 'In-line' selection each time when placing another button.



Choice B (if choice A doesn't work):

1. Goto the 'Control Editor' in the Admin menu

2. Select 'HTML Container' in the Control Type drop-down menu.

3. Notice there is now a blank text box area with commands at the top. Name the control (ID).

4. NOTICE: A bit of html knowledge is required at this point, or a good eye for directions :). Follow carefully these instructions and you'll do fine :).

5. Copy ALL of the code listed below (IGNORE SPACES) in the One entry: section, into the blank white box.

6. This code will place one button under the banner. Let's now edit that button so it works for you.

7. Change the index.aspx text to whatever link you're trying to add to the button. A graph to assist you in common tags is below.

8. Change /9191/home.jpg to your specific guild ID, and the image source. To find these two elements all you need to do is actually add the button link to the left instead of doing it this way, then right click on the button and select Properties. There in the long text line and at the end you will see the number and link for the image.

9. Repeat steps 5-8 for each additional button. Simply copy the text right after the text you pasted that looks the same.

---------------------

Examples: (Notice how there appears to be spaces between the < >. Ignore all spaces as this was necessary to ensure it displayed properly for instruction purposes.)

One entry:

< div align="center">< a href= "/index.aspx" >< img src = "/pics/9191/home.jpg" > < /div >

Two entries:

< div align="center">< a href= "/index.aspx" >< img src = "/pics/9191/home.jpg" > < a href= "/index.aspx" >< img src = "/pics/9191/home.jpg" > < /div >

---------------------

10. Click on 'Save' in the Control Editor, then go back to the Admin panel and click on the 'Control Layout Manager' link. This is where you would have added additional buttons to that default left menu bar.

11. Ensure the 'Choose A Panel:' section says Header.

12. Simply select the control name in the list and voila! It's added to the header.

13. That's it! The update should be immediate, so you can go back to the Control Editor, select that control and easily change the code and keep clicking on 'Save' to see what happens ;).



Links to common button areas:

/index.aspx = Home/News
/forums/default.aspx = Forums
/gallery.aspx = Gallery
/login.aspx = Login
/raid_view.aspx = Raid List
/player_list.aspx = Roster
/purchase_view.aspx = Loot
/item_view.aspx = Item View
/calendar.aspx = Calendar

etc...
























Login
User Name

Password










Guilds LQGaming  (Create Account |  Make Homepage )
June 5, 2006