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.

How to Change the menu fields?

Go down

How to Change the menu fields?

Post by ,dArkRay on September 12th 2013, 2:53 pm

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





I would like to change Memberlist to Members, how can I do it? This Is my forum: http://ugrapp.forumeiros.com/

Cheers

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: How to Change the menu fields?

Post by levy on September 12th 2013, 2:55 pm

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

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: How to Change the menu fields?

Post by ,dArkRay on September 12th 2013, 3:25 pm

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

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: How to Change the menu fields?

Post by levy on September 12th 2013, 3:42 pm

Oh , sorry , add that in your CSS ;

Code:
ul.linklist.navlinks li a {
text-transform: uppercase;
}
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: How to Change the menu fields?

Post by ,dArkRay on September 12th 2013, 4:23 pm

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

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: How to Change the menu fields?

Post by levy on September 12th 2013, 4:28 pm

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;}
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: How to Change the menu fields?

Post by ,dArkRay on September 12th 2013, 4:33 pm

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

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: How to Change the menu fields?

Post by levy on September 12th 2013, 4:55 pm

Code:
ul.linklist.navlinks li a > font > font {
text-transform: uppercase;
}
Add that in your css.
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: How to Change the menu fields?

Post by APE on September 13th 2013, 3:09 pm

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

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


Ape Neutral
avatar
APE
Manager
Manager

Male Posts : 11873
Reputation : 1174
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Re: How to Change the menu fields?

Post by Sr.Smith on September 13th 2013, 7:26 pm

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
avatar
Sr.Smith
Forumember

Posts : 90
Reputation : 11
Language : Spanish

Back to top Go down

Re: How to Change the menu fields?

Post by ,dArkRay on September 14th 2013, 6:51 pm

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.

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: How to Change the menu fields?

Post by APE on September 14th 2013, 8:36 pm

Just add
Code:
changemenu("Log out", "YOU R TEXT GOSE HERE");
Under
Code:
changemenu("Registrar-se", "CRIAR CONTA");
avatar
APE
Manager
Manager

Male Posts : 11873
Reputation : 1174
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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