How to Change the menu fields?
4 posters
Page 1 of 1
How to Change the menu fields?
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
Re: How to Change the menu fields?
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';
});
Re: How to Change the menu fields?
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: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';
});
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
Re: How to Change the menu fields?
Oh , sorry , add that in your CSS ;
- Code:
ul.linklist.navlinks li a {
text-transform: uppercase;
}
Re: How to Change the menu fields?
You don't need to say sorry, ahahaha, it's still not working.candy_fear wrote:Oh , sorry , add that in your CSS ;
- Code:
ul.linklist.navlinks li a {
text-transform: uppercase;
}
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
Re: How to Change the menu fields?
replace that :
- Code:
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;}
- Code:
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;text-transform:uppercase!important;}
- Code:
ul.linklist.navlinks li a hoover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
- Code:
ul.linklist.navlinks li a;hover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
Re: How to Change the menu fields?
Hey, Thank you, but, it's still not working (neither the hover):candy_fear wrote:replace that :with this :
- Code:
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;}
and you have a bug here :
- Code:
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #999999;text-transform:uppercase!important;}
you have to 00 on hover , replace with this :
- Code:
ul.linklist.navlinks li a hoover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
- Code:
ul.linklist.navlinks li a;hover:{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
- 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
Re: How to Change the menu fields?
- Code:
ul.linklist.navlinks li a > font > font {
text-transform: uppercase;
}
Re: How to Change the menu fields?
Hi make sure this code is at the top of your CSS page and then save it should work
Ape
- Code:
ul.linklist.navlinks li a {
text-transform: uppercase !important;
}
Ape
Re: How to Change the menu fields?
Hi, dArkRay, all in one, we will change the menu fields and you can use capital leters.
Add a new javascript
Pracement: All pages
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;
}
}
}
});
Sr.Smith- Forumember
- Posts : 94
Reputation : 11
Language : Spanish
Re: How to Change the menu fields?
Hey, thanks! Everything as I wish except the logout, here i's my code: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 pagesI hope this is what you need
- 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;
}
}
}
});
- 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;
}
}
}
});
,dArkRay- Forumember
- Posts : 98
Reputation : 1
Language : English | Portuguese
Re: How to Change the menu fields?
Just add
- Code:
changemenu("Log out", "YOU R TEXT GOSE HERE");
- Code:
changemenu("Registrar-se", "CRIAR CONTA");
Similar topics
» Change the Profile Fields Display Menu in the ACP
» Drop-down menu, form fields and header border color
» Incorrect Drop-down menu, form fields and header border color
» How would I change this drop down menu on text color change...
» How do I change the way in which the profile fields are displayed?
» Drop-down menu, form fields and header border color
» Incorrect Drop-down menu, form fields and header border color
» How would I change this drop down menu on text color change...
» How do I change the way in which the profile fields are displayed?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum