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?

View previous topic View next topic 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';
});

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

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

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

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

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

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.

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

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

APE
Manager
Manager

Male Posts : 8333
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Sr.Smith
Forumember

Posts : 87
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");

APE
Manager
Manager

Male Posts : 8333
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

View previous topic View next topic Back to top


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