The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Navbar Help Needed

3 posters

Go down

Solved Navbar Help Needed

Post by kimwriter75 August 22nd 2013, 5:21 am

Hi there all.  Hello   I am going to be as specific as possible and hope it does not come across any other way except that I am a noob with limited knowledge thus far.

This is my forum -  http://thesimmerssociety.forumotion.com/forum

The Navbar is my issue.  I've been reading many threads and getting confused at how to do things.  Do I use CSS or java?  That is the question. 

What I would like to do is the following...

Change portal to home

Change home to forum

Keep Recent Topics

Keep Top Picks

Get rid of the following....Search, FAQ, Profile, Calendar, Usergroups, and the username after log out.  Keep log out, but member name, if possible, can go.  

I'd like to keep messages, but have it just one word, if possible.  

I followed this tut for a sec and it helped a bit, but left me completely confused... http://www.csshelp.net/t48-how-to-change-menu-name-in-the-navbar 


Tall order, I know, but I would be so happy to learn how to do this.  I appreciate any and all advice.  I love you
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 23rd 2013, 11:57 pm

Hi again.  I waited the required 24 hours before bumping.  Wondering why there is no one replying...did I post this wrong?
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 9:43 am

Hi, bye

Go to "Administration Panel ~> Modules ~> HTML & JAVASCRIPT ~> JavaScript codes management", create a new code and add:
Code:
$(function() {
document.getElementById('i_icon_mini_index').nextSibling.nodeValue='Forum';
document.getElementById('i_icon_mini_portal').nextSibling.nodeValue='Home';
document.getElementById('i_icon_mini_message').nextSibling.nodeValue='PM';
document.getElementById('i_icon_mini_logout').nextSibling.nodeValue='Log out';
});

$(function)() {
$('#pun-navlinks li:contains("FAQ"), #pun-navlinks li:contains("Search"), #pun-navlinks li:contains("Profile"), #pun-navlinks li:contains("Calendar"), #pun-navlinks li:contains("Usergroups")').remove();
});
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 24th 2013, 10:08 am

Hi Cassius Dio.

Thanks you so very much.  Unfortunately, nothing is happening.  What am I doing wrong?  Does it take time to appear?
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 10:15 am

Try to separate them into two codes. Create a new code adding:
Code:
$(document).ready(function(){
$('#pun-navlinks ul li:has("#i_icon_mini_faq")').remove();
$('#pun-navlinks ul li:has("#i_icon_mini_search")').remove();
$('#pun-navlinks ul li:has("#i_icon_mini_profile")').remove();
$('#pun-navlinks ul li:has("#i_icon_mini_calendar")').remove();
$('#pun-navlinks ul li:has("#i_icon_mini_groups")').remove();
});
Then another code, adding:
Code:
$(function() {
document.getElementById('i_icon_mini_index').nextSibling.nodeValue='Forum';
document.getElementById('i_icon_mini_portal').nextSibling.nodeValue='Home';
document.getElementById('i_icon_mini_message').nextSibling.nodeValue='PM';
document.getElementById('i_icon_mini_logout').nextSibling.nodeValue='Log out';
});
Note: You need to have your JavaScript codes management activated for working of the codes. thumleft 
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 24th 2013, 10:25 am

The sections to be removed are now gone, thank you!  Smile  But the name changes didn't take.  Does it matter what I titled the codes?
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 10:31 am

Yes, it does matter. Can you show me what codes you maked? Thanks!
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 24th 2013, 10:38 am

Navbar Help Needed Nav1_zpsb36370a6

Navbar Help Needed Nav2_zps0028200e

Navbar Help Needed Navone_zpsfd66f7dc
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 11:33 am

Try to replace that code by:
Code:
$(document).ready(function() {
$('#i_icon_mini_index').parent().text('Forum');
$('#i_icon_mini_portal').parent().text('Home');
$('#i_icon_mini_message').parent().text('PM');
$('#i_icon_mini_logout').parent().text('Log out');
});
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 24th 2013, 11:40 am

Almost there...portal to home and home to forum did not change, but the rest did. 

I truly appreciate your help.  Thank you so much!
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 1:46 pm

Try to create a new code by adding this:
Code:
$(document).ready(function(){
$('a.mainmenu:contains("Home")').text('Forum');
$('a.mainmenu:contains("Portal")').text('Home');
});
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by kimwriter75 August 24th 2013, 3:52 pm

Thank you so much!  It is perfect now!  Very good 

I am so thrilled!
avatar
kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

Solved Re: Navbar Help Needed

Post by Cassius Dio August 24th 2013, 4:52 pm

Glad I could help. thumleft 

Have a nice day!
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Navbar Help Needed

Post by SLGray August 24th 2013, 5:53 pm

Topic Solved & Locked


Navbar Help Needed Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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