4
I was curious on how to add tabs to the navigation and I noticed a few others are also. So I spent a few hours figuring it out and here it is. Please note I am still trying to figure the selected out. But maybe someone else could figure out that part and maybe edit this or soon as I figure it out I will let you all know.
(This is my first time writing a tutorial. So if I make any mistakes or you don't understand please feel free to ask).
First off all, Log in to your Admin CP > Click 'Look & Feel'. You'll see a page like so: Preview Shot 1
I'm writing this tutorial for IP.Board Skin. However I am sure if you are creating your own skin from the default skin it will be the same.
So now we have our styles up click 'IP.Board' now on the left hand side you will see the 'Templates Menu'. We're going to click 'globalTemplate' once you have clicked that you should see the following: here (preview)
So now we have found our way to where the 'Menu' is stored at. Now it's time to find it. Press CTRL &F - You should then get a search box. We're going to find the class:
Press the 'enter' key. You should highlight that section within the code.
If you can't find it that way, the code you are looking for is:
So now we have found where the menu is, it's time for you to do a little editing.
To add a tab add:
Change: URLHERE to the page you wish for it to go. and YOURTABNAMEHERE for the text you wish to show on your index page.
Now you have done that. Click save, and refresh your index page.
Enjoy.
==============================
Whilst I was doing this script: The following for me was:
With the following code I got the following: Preview
As I said above, I have not yet figured out how to have the selected tab yet. I do apologize for that. However I am trying to figure it out and if anyone wishes to say how or wish to figure out how please share
Hope this helps you, thanks.
(This is my first time writing a tutorial. So if I make any mistakes or you don't understand please feel free to ask).
First off all, Log in to your Admin CP > Click 'Look & Feel'. You'll see a page like so: Preview Shot 1
I'm writing this tutorial for IP.Board Skin. However I am sure if you are creating your own skin from the default skin it will be the same.
So now we have our styles up click 'IP.Board' now on the left hand side you will see the 'Templates Menu'. We're going to click 'globalTemplate' once you have clicked that you should see the following: here (preview)
So now we have found our way to where the 'Menu' is stored at. Now it's time to find it. Press CTRL &F - You should then get a search box. We're going to find the class:
<li id='nav_discussion' class='left
Press the 'enter' key. You should highlight that section within the code.
If you can't find it that way, the code you are looking for is:
<li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'>{$this->lang->words['discussion']}</a></li>
So now we have found where the menu is, it's time for you to do a little editing.
To add a tab add:
<li id='nav_discussion' class='left {parse variable="membersActive"}'><a href='http://URLHERE'>YOURTABNAMEHERE</a></li>
Change: URLHERE to the page you wish for it to go. and YOURTABNAMEHERE for the text you wish to show on your index page.
Now you have done that. Click save, and refresh your index page.
Enjoy.
==============================
Whilst I was doing this script: The following for me was:
<li id='nav_discussion' class='left {parse variable="forumActive"}'><a href='{parse url="act=idx" seotitle="false" base="public"}' title='{$this->lang->words['go_to_discussion']}'>{$this->lang->words['discussion']}</a></li>
<li id='nav_discussion' class='left {parse variable="membersActive"}'><a href='http://tinypic.com'>Test</a></li>
<li id='nav_members' class='left {parse variable="membersActive"}'><a href='{parse url="app=members&section=view&module=list" base="public"}' title='{$this->lang->words['go_to_memberlist']}'>{$this->lang->words['tb_mlist']}</a></li>
With the following code I got the following: Preview
As I said above, I have not yet figured out how to have the selected tab yet. I do apologize for that. However I am trying to figure it out and if anyone wishes to say how or wish to figure out how please share
Hope this helps you, thanks.
