Navbar Help Needed

Hi there all.     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.  

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

Hi,

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();
});

Hi Cassius Dio.

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

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.  

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

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

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');
});

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!

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');
});

Thank you so much!  It is perfect now!   

I am so thrilled!

Glad I could help.  

Have a nice day!