The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Restructiring the navigation

View previous topic View next topic Go down

Solved Restructiring the navigation

Post by BloodDrunk on April 18th 2017, 6:23 pm

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : http://www.nfssecrets.tk/

Description of problem

Hello,

I'm looking for a way to restructure and redesign the navigation on my forum.
What mainly concerns me is: how do I get the links that are displayed onto navigation? I'd like to add my own links, and change URL's of some links and such.

EDIT: Particularly this part "{GENERATED_NAV_BAR}", where is this token taken from?

Code:
<div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>


Last edited by BloodDrunk on April 23rd 2017, 4:57 pm; edited 1 time in total
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 18th 2017, 7:46 pm

Which ones are you wanting to change?

You can add/remove some here: AP > Display > Homepage > Navigation & Header.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SSYT on April 18th 2017, 7:58 pm

Or create your navigation bar with variables:
Code:
{L_LOGIN_LOGOUT} - Logout [ BertieZilla ]
{U_LOGIN_LOGOUT} - Login/Logout Link

{L_INDEX} - Home/Portal
{U_INDEX} - Home/Portal Link

{L_FAQ} - FAQ
{U_FAQ} - FAQ Link

{L_MEMBERLIST} - Memberlist
{U_MEMBERLIST} - Memberlist Link

{L_GROUPS} - Groups
{U_GROUPS} - Groups Link

{L_REGISTER} - Register
{U_REGISTER} - Register Link

{L_SEARCH} - Search
{U_SEARCH} - Search Link

{L_PRIVATEMSGS} - PM's
{U_PRIVATEMSGS} - PM's Link

{L_PROFILE} - Profile
{U_PROFILE} - Profile Link
avatar
SSYT
Forumember

Male Posts : 44
Reputation : 2
Language : RO-10, EN-3, FR-1
Location : Romania

http://help.forumgratuit.ro/forum

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 18th 2017, 10:30 pm

@SLGray wrote:Which ones are you wanting to change?

You can add/remove some here: AP > Display > Homepage > Navigation & Header.

I can basically only add more, and not remove the useless ones. (Calendar, FAQ, etc..)
I will make a dedicated thread for FAQ, and I want that link to point to that thread.

I will make my own navigation structure in dreamviewer, and I just want to then import all necessary links and update the template.
And whenever I want to add/change links, I'll just re-do the structure. Do I have that kind of freedom on here?

Also, the profile link on current nav doesn't lead me to my real profile page, but rather Control Panel (User), and I believe that's how it should be named.

@SSYT wrote:{L_LOGIN_LOGOUT} - Logout [ BertieZilla ]
{U_LOGIN_LOGOUT} - Login/Logout Link

{L_INDEX} - Home/Portal
{U_INDEX} - Home/Portal Link

{L_FAQ} - FAQ
{U_FAQ} - FAQ Link

{L_MEMBERLIST} - Memberlist
{U_MEMBERLIST} - Memberlist Link

{L_GROUPS} - Groups
{U_GROUPS} - Groups Link

{L_REGISTER} - Register
{U_REGISTER} - Register Link

{L_SEARCH} - Search
{U_SEARCH} - Search Link

{L_PRIVATEMSGS} - PM's
{U_PRIVATEMSGS} - PM's Link

{L_PROFILE} - Profile
{U_PROFILE} - Profile Link

I don't understand that code. Where do those tokens come from? Internal JavaScript? How do I use em?
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by Draxion on April 18th 2017, 11:26 pm

Hi there,

So you are basically wanting to hide the original navbar beneath your header and provide your own? Is that what I am understanding?
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1192
Reputation : 175
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 18th 2017, 11:56 pm

That is pretty much what I would like to do. But just structure of navigation, not completely replace the provided one.

Basically, I will design my nav, and then simply rewrite the original nav in template to that which I designed.

I just want to know how to access the links that are auto generated. And edit them.
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 19th 2017, 4:39 am

Do you use the calendar? If you do not, just deactivate it.

The FAQ is not useless. It contains legal and helpful information.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 19th 2017, 10:13 am

@SLGray wrote:Do you use the calendar? If you do not, just deactivate it.


Okay, I deactivated the calendar.

@SLGray wrote:The FAQ is not useless. It contains legal and helpful information.

I was meaning it's useless as a link in navigation. I'd like to place it somewhere else, maybe to the footer, or somewhere else (which I figured how to do, using token above), and make it point to the FAQ thread (which I haven't figured how to do).

May I now know how to access the automaticly generated links (I figured it creates a <li></li> structure somewhere, so I suspect it's some internal javascript that is being manipulated by the settings in Administrator Panel).
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 19th 2017, 7:45 pm

To add to the footer links: AP > Modules > Footer Links


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 19th 2017, 8:32 pm

@SLGray wrote:To add to the footer links: AP > Modules > Footer Links
Yeah, I know that.
But I can't remove it from default navigation. Or can I?

I wanna link all those default FAQ from the FAQ thread, and remove it from the Navigation.
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 20th 2017, 4:06 am

You could use CSS to remove the FAQ link.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 20th 2017, 6:05 pm

I believe you mean by using {display: none;}, right?

How would I select a particular link that I'd like to remove? I can't specify which link, since the <li>'s don't have a class defined (or any id) to which I could refer. Maybe it would be useful to add a class to each <li> that's created like for home <li class="forum">, for search <li class="search"> etc..
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by APE on April 20th 2017, 6:20 pm

for the FAQ the id is href="/faq



avatar
APE
Manager
Manager

Male Posts : 10129
Reputation : 945
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 20th 2017, 6:30 pm

@APE wrote:for the FAQ the id is href="/faq

And for all others?

EDIT: Are you sure it's "href="/faq" ? That doesn't look right to me.
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 20th 2017, 8:42 pm

Code:
a[href="/faq"] {
    display: none;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 20th 2017, 8:59 pm

That doesn't seem to work. The link is still visible there.
And also, didn't know I can access elements that way. Thanks!
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 20th 2017, 9:06 pm

Code:
  a[href="/faq"] {
  display: none !important;
  }


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 20th 2017, 9:18 pm

Now it works. Thanks.
But I don't consider this thread being solved, I'm still asking if it's possible to get to the automaticly generated links. And if I can change some of those's URL's and their textual content (in this case, the name of the link).
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by SLGray on April 20th 2017, 9:23 pm

Not possible. I believe there are some JavaScripts that could achieve what you want.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38770
Reputation : 2607
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 21st 2017, 4:25 pm

I also think that can be achieved with JS.
So I can use
Code:
getElementByID("href="/faq"")
, and all others, if they are links, but not carrying any ID's or classes?
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by Walt on April 23rd 2017, 4:15 pm

@BloodDrunk wrote:I also think that can be achieved with JS.
So I can use
Code:
getElementByID("href="/faq"")
, and all others, if they are links, but not carrying any ID's or classes?

Nope, it won't work, but you should read that for more infos about selecting with attributes :
https://www.w3schools.com/css/css_attribute_selectors.asp

As the jQuery lib is already on your forum, you should use it to select your nav links. This way, for example :
Code:
$('a.mainmenu[href="/faq"]')
avatar
Walt
Forumember

Male Posts : 51
Reputation : 11
Language : French, English

http://forum.forumactif.com

Back to top Go down

Solved Re: Restructiring the navigation

Post by BloodDrunk on April 23rd 2017, 4:58 pm

@Walt wrote:Nope, it won't work, but you should read that for more infos about selecting with attributes :
https://www.w3schools.com/css/css_attribute_selectors.asp

Thank you, I'll take a look at it, I need to refresh my CSS knowledge..

@Walt wrote:As the jQuery lib is already on your forum, you should use it to select your nav links. This way, for example :
Code:
$('a.mainmenu[href="/faq"]')

This is what I needed! Now I managed to replace the text of the link. Mr. Green
avatar
BloodDrunk
Forumember

Posts : 121
Reputation : 4
Language : English

http://www.nfssecrets.tk/

Back to top Go down

Solved Re: Restructiring the navigation

Post by APE on April 23rd 2017, 6:45 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 10129
Reputation : 945
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum