How to Change the menu fields?

Hey Guys, I would like to change the name/fields of my menu. I will give an example:

Home  


Portal  


FAQ  


Search  


Create a free forum  


Memberlist  


Usergroups  


Profile  


You have no new messages  


Log out [ ,dArkRay ]  

Create a new javascript , name what you want , tick in all pages and fill with that :

Code:

$(function() {
document.getElementById('i_icon_mini_members').nextSibling.nodeValue='Members';
});

candy_fear wrote:Create a new javascript , name what you want , tick in all pages and fill with that :

Code:

$(function() {
document.getElementById('i_icon_mini_members').nextSibling.nodeValue='Members';
});

Hey. Thank you but unfortunately it's not working, In the case you didn't understood what I would like to do, I will try to explain again, what I want to do is to change the names/fields in the menu to other things, in the case of my forum I have this in the menu:

Inicio, Membros, Perfil, Mensagens Privadas, Sair

I want them to be like this:

HOME, MEMBROS, PERFIL, MENSAGENS, SAIR

Oh , sorry , add that in your CSS ;

Code:

ul.linklist.navlinks li a {
text-transform: uppercase;
}

candy_fear wrote:Oh , sorry , add that in your CSS ;

Code:

ul.linklist.navlinks li a {
text-transform: uppercase;
}

You don't need to say sorry, ahahaha, it's still not working.

Here is my css without that:

Code:

@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/css?family=Cousine');

/*===== Sobre o Tema =====*/

/* Nome do Tema: Ugrapp
/* Autor: Malik
/* Site do Autor: http://www.phi.pt/
/* Descripção: Um tema moderno, criado de acordo com as tendencias de 13-14, entre elas uma barra de navegação.

/*===== Barra de Navegação =====*/

ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 3px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 50px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99;
background-image: url(http://i72.servimg.com/u/f72/18/52/07/56/header11.png);
}
ul.linklist li {
line-height: 50px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;}
ul.linklist.navlinks li a hoover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}


replace that :

Code:

ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;}

with this :

Code:

ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;text-transform:uppercase!important;}

and you have a bug here :

Code:

ul.linklist.navlinks li a hoover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}

you have to 00 on hover , replace with this :

Code:

ul.linklist.navlinks li a;hover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}

candy_fear wrote:replace that :

Code:

ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;}

with this :

Code:

ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;text-transform:uppercase!important;}

and you have a bug here :

Code:

ul.linklist.navlinks li a hoover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}

you have to 00 on hover , replace with this :

Code:

ul.linklist.navlinks li a;hover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}

Hey, Thank you, but, it's still not working (neither the hover):

Code:

@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/css?family=Cousine');

/*===== Sobre o Tema =====*/

/* Nome do Tema: Ugrapp
/* Autor: Malik
/* Site do Autor: http://www.phi.pt/
/* Descripção: Um tema moderno, criado de acordo com as tendencias de 13-14, entre elas uma barra de navegação.

/*===== Barra de Navegação =====*/

ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 3px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 50px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 99;
background-image: url(http://i72.servimg.com/u/f72/18/52/07/56/header11.png);
}
ul.linklist li {
line-height: 50px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;text-transform:uppercase!important;}
ul.linklist.navlinks li a;hover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}

ul#picture_legend li img {
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}

Code:

ul.linklist.navlinks li a > font > font {
text-transform: uppercase;
}

Add that in your css.

Hi make sure this code is at the top of your CSS page and then save it should work

Code:

ul.linklist.navlinks li a {
text-transform: uppercase !important;
}

Ape

Hi, dArkRay, all in one, we will change the menu fields and you can use capital leters.

Add a new javascript
Pracement: All pages

Code:


$(function() {
        
 changemenu("Início", "HOME");
 changemenu("Membros", "MEMBROS");
 changemenu("Perfil", "PERFIL");
 changemenu("Mensagens Privadas", "MEMSAGENS");
 changemenu("Sair", "SAIR");

 
function changemenu(oldtext, newtext){


var selector = $("ul.linklist.navlinks li a");

 for(var i=0; i<selector.size(); i++){
if (selector.eq(i).text()== oldtext){
     selector.eq(i).text(newtext);
     break;
 }
 }
}
});

I hope this is what you need

Mr.Bond wrote:Hi, dArkRay, all in one, we will change the menu fields and you can use capital leters.

Add a new javascript
Pracement: All pages

Code:


$(function() {
        
 changemenu("Início", "HOME");
 changemenu("Membros", "MEMBROS");
 changemenu("Perfil", "PERFIL");
 changemenu("Mensagens Privadas", "MEMSAGENS");
 changemenu("Sair", "SAIR");

 
function changemenu(oldtext, newtext){


var selector = $("ul.linklist.navlinks li a");

 for(var i=0; i<selector.size(); i++){
if (selector.eq(i).text()== oldtext){
     selector.eq(i).text(newtext);
     break;
 }
 }
}
});

I hope this is what you need

Hey, thanks! Everything as I wish except the logout, here i's my code:

Code:

$(function() {
       
 changemenu("Início", "INÍCIO");
 changemenu("Membros", "MEMBROS");
 changemenu("Perfil", "PERFIL");
 changemenu("Mensagens privadas", "MENSAGENS");
 changemenu("Sair", "SAIR");
 changemenu("Login", "ENTRAR");
 changemenu("Registrar-se", "CRIAR CONTA");

 
function changemenu(oldtext, newtext){


var selector = $("ul.linklist.navlinks li a");

 for(var i=0; i<selector.size(); i++){
if (selector.eq(i).text()== oldtext){
    selector.eq(i).text(newtext);
    break;
 }
 }
}
});

I invite you to register in the forum so you can see the problem.

Just add

Code:

changemenu("Log out", "YOU R TEXT GOSE HERE");

Under

Code:

changemenu("Registrar-se", "CRIAR CONTA");