What is the coding for editing a link in the navigational bar?
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
What is the coding for editing a link in the navigational bar?
https://redcdn.net/ihimg/photo/my-images/209/club1kjhomessagelinks.jpg
We just want to find a way to edit this because it's way too long...
Also, if someone knows how to change the colour, I'd love to know what the coding for that is too... just want to turn it from grey to black.
We just want to find a way to edit this because it's way too long...
Also, if someone knows how to change the colour, I'd love to know what the coding for that is too... just want to turn it from grey to black.
Re: What is the coding for editing a link in the navigational bar?
Hi! 
You can change the color of navigation bar text, adding in CSS Stylesheet this code:
For editing the links from menu, add in JavaScript codes management:
For editing other link just add before }); this code:

You can change the color of navigation bar text, adding in CSS Stylesheet this code:
- Code:
a.mainmenu{
color: black !important;
}
For editing the links from menu, add in JavaScript codes management:
- Code:
$(document).ready(function(){
$('a.mainmenu:contains("No private messages")').text("You have no PM");
});
For editing other link just add before }); this code:
- Code:
$('a.mainmenu:contains("Old text")').text("New text");
Re: What is the coding for editing a link in the navigational bar?
Hey!

I've never used Javascript before. I created a new script and put the code in there and saved, and it was all good but the change wasn't made on the front page of my site, where I wanted it. I checked the box that said 'front page'.
Any ideas?

I've never used Javascript before. I created a new script and put the code in there and saved, and it was all good but the change wasn't made on the front page of my site, where I wanted it. I checked the box that said 'front page'.
Any ideas?
Re: What is the coding for editing a link in the navigational bar?
Did you activate JavaScript Management? It is above where it list the JavaScript codes you have created.

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Re: What is the coding for editing a link in the navigational bar?
@SLGray wrote:Did you activate JavaScript Management? It is above where it list the JavaScript codes you have created.
http://imageshack.us/photo/my-images/850/screencapjavascript.jpg/
EDIT: Yes, I did activate JavaScript Management. I thought it showed it in the cap.
Yes, I'm so sorry if this is tedious. This is a screen cap of the Javascript page. Am I doing something wrong?
I'm willing to give someone admin status on our forum if anyone is willing to check it themselves

Re: What is the coding for editing a link in the navigational bar?
That screenshot is not the page to turn it on, go to the page before that, go to AP>>Modules>>Javascript management>>
On that page near the top find "Enable Javascript code management" and select "Yes" and save your settings.
On that page near the top find "Enable Javascript code management" and select "Yes" and save your settings.
Re: What is the coding for editing a link in the navigational bar?
Yeah sorry, I edited my post to mention that I realized the screen cap didn't show it, but I did in fact turn on Javascript in the previous page.
Re: What is the coding for editing a link in the navigational bar?
Exactly it should be in all pages, not the homepage.

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Re: What is the coding for editing a link in the navigational bar?
@SLGray wrote:Exactly it should be in all pages, not the homepage.
I selected "all pages," as you can see from the screen cap.
- Code:
$(document).ready(function(){
$('a.mainmenu:contains("No private messages")').text("No Messages");
});
Is this the right code? Did I do something wrong?
Re: What is the coding for editing a link in the navigational bar?
Try this one:
New name - the name you want
- Code:
$(function() {
document.getElementById('i_icon_mini_menuhere').nextSibling.nodeValue='New name';
});
New name - the name you want

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Re: What is the coding for editing a link in the navigational bar?
Nothing yet... I updated the code and copy and pasted it directly, and adjusted New Name, and put in the url for the image.
Re: What is the coding for editing a link in the navigational bar?
Please post your forum's address.

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

Re: What is the coding for editing a link in the navigational bar?
@SLGray wrote:Please post your forum's address.
http://www.club1kjho.com/
Right, I should put this in my signature... Would you like admin access?
Re: What is the coding for editing a link in the navigational bar?
I will need a test account to log in. Please send it in a private message.
Edit:
After using the test account, I figured out that the wrong code was being used. The image URL was being used instead of i_icon_mini_message.
Edit:
After using the test account, I figured out that the wrong code was being used. The image URL was being used instead of i_icon_mini_message.
Topic Solved & Locked |

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum