Adding new buttons

[bdev]

Forum URL: (private)

I want to make more buttons by the "Home" button. However, i'm unsure how. Can some explain? 

[bdev]

Please help, thank you.

[Scott]

bdev -

Normally this is the navigation menu and extra menu items would be added by going to Admin > Settings > Forum Settings > Navigation tab.

However, I see you are using a customized theme where the customized navigation menu is defined in the Forum Wrapper layout template. (Admin > Structure > Layout Templates > Forum Wrapper template)

The "buttons" start at line 25 (of the Slimline theme). Each button is an <li> tag item that includes a custom image and the navigation URL.


Tell me about a button you'd like to add and I can give you a template.

[bdev]

A button named "Rules"

then it should take you to the rules link

[bdev]

I'm going to use a custom page as well.

page 321boards.boards.net/page/rules

[Scott]

bdev -

Ok, you'll need 2 things to make the button: an image and the custom page URL.

Image
The current button images are 56px x 57px. For your 'rules' image I would recommend copying one of the existing images and modifying it to reflect the what you want to depict rules. This will ensure continuity of the button images.

Additionally you will need a URL for the image. You should upload the image to the Custom Theme Images section of your theme. (Admin > Themes > Theme Manager - click on theme name, then on Images tab, then scroll to the bottom) Once uploaded, you click on the Link button to get the image URL.

Page URL
When you create a custom page, then you will have the page URL. If you call the custom page 'rules', then the URL would be:
/page/rulesEDIT:  I see now you created the custom page while I was typing this out.

Putting it Together
In the forum wrapper layout template the button codes start at line 25. Depending on where you want the rules button in the lineup determines where the new line of code is added.

The new line of button code will be:
<li><a href="/page/rules"><img src="  IMAGE URL GOES HERE " alt="Rules"></a></li>

Note: I haven't explored yet if there are any corresponding CSS entries for the buttons.  We can address this part after the button is created and added.


Please let me know if you have any questions.

[bdev]

Okay. I'm going to start this now.

[bdev]

Do you have any recommended images and do i do a transparent one or regular image??

[Scott]

bdev -

Maybe something like this?