Menu de navegação modificado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu de navegação modificado

Mensagem por konekta Brasil em 18/09/11, 05:31 pm

Qual é minha questão:
acessei um blog hoje e vi o menu de navegação dele, ai eu queria saber se existe algum codigo que possa fazer igual a esse menu, olhe imagens dele:

isso é ele normal:
http://img846.imageshack.us/img846/1598/menuqe.jpg

quando você passa o mouse ele fica assim:

mouse em parcerias http://img714.imageshack.us/img714/6003/menu2hb.jpg

mouse em contato http://img839.imageshack.us/img839/5381/menu3f.jpg

mouse em anuncie http://img51.imageshack.us/img51/4483/menu4z.jpg

queria saber se a algum codigo no qual posso fazer um menu assim ..
se tiver na area errada por favor mova-o.




Endereço do meu fórum:
http://tudomais.forum.st/

Versão do meu fórum:
PHPBB3


Última edição por winduss em 22/09/11, 09:25 pm, editado 1 vez(es)
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por -rock- em 18/09/11, 06:12 pm

não tem como.

a forumeiros não permite.

mas você pode adicionar coisas ao menu,para isso vá em:
Vizualização>Home Page>Cabeçalho & navegação>adicionar menu personailizado

você pode modificar o menu,mas não pode tirar as opções originais.
avatar

-rock-
Usuário destaque

Masculino
Inscrito dia : 29/04/2011
Mensagens : 577
Pontos Ativos : 841

Ver perfil do usuário http://mecanicos.foruns.com.pt/

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 18/09/11, 06:22 pm

credio que aja algum codigo sim, so queria saber qual

olha esses temas:
http://demo.nicetheme.com/forum?theme_id=170701
http://demo.nicetheme.com/forum?theme_id=168618

no topo a um menu modificado tambem.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por seender em 18/09/11, 07:06 pm

Olá!

Tente com este código:
.mainmenu:hover{
background-color: #FFF;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}
.mainmenu{
padding-left: 6px;
padding-right: 6px;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

O local de vermelho é aonde irá definir a cor de fundo quando passar no menu, caso queira que esta cor seja firmada quando entrar no link é só avisar pois já estou elaborando o código para tal.

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 18/09/11, 11:00 pm

obrigado sender, deu certinho aqui, mais ah algum jeito de eu fazer um menu com imagens e ao passar o mouse ficar a cor azul jundo com a fonte da imagem branca?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por seender em 18/09/11, 11:01 pm

Olá!

Poderia especificar exatamente o que deseja fazer?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu de navegação modificado

Mensagem por Luiiz em 18/09/11, 11:32 pm

Acho que ele quer colocar icones no menu exemplo:
HOME

Mas ele quer que quando passe o mouse,o icone também mude de cor!
Ex:


HOME
avatar

Luiiz
Nível 9

Masculino
Inscrito dia : 06/07/2011
Mensagens : 193
Pontos Ativos : 281

Ver perfil do usuário http://newlayout.forumbrasil.net

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 19/09/11, 08:55 am

tipo assim, olha essa barra branca de fundo
http://img846.imageshack.us/img846/1598/menuqe.jpg

por ela no menu inteiro, e quando passar o mouse ficar do jeito qque esta na imagem, esse azul, e quando clicar manter.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 23/09/11, 11:30 pm

up

ta aqui, so fis +/- para verem como eu quero
http://img33.imageshack.us/img33/5243/catsvqw.jpg
na parte que ta a imagem ali, preta com a barra branca, desse jeito so que onde é preto azul, e quando finge, for clicar em GRUPOS a imagem preta ficar nele.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por seender em 24/09/11, 02:59 pm

Olá!

Consegui, continue utilizando o código css que lhe dei, agora crie uma página HTML e utilize este código para cada menu:
jQuery(document).ready(function(){if(window.location=='Link da página'){jQuery('.mainmenu[href="/forum"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});
O local de vermelho é aonde irá adicionar a página que será fixada a cor, por exemplo se colocar:
http://tudomais.forum.st/forum
quando clicar no link início será fixada a cor de fundo no link, então terá de fazer para todos os links do menu, já aonde está de laranja é aonde irá colocar o nome do local aonde será fixado a cor, ou seja se colocar fórum quando clicar no link /forum será fixado a cor no início, já o local de rosa é aonde irá definir a cor de fundo.
Fiz um código aonde abrange todos os links do menu:
Código:
jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/forum'){jQuery('.mainmenu[href="/forum"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/portal'){jQuery('.mainmenu[href="/portal"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/calendar'){jQuery('.mainmenu[href="/calendar"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/faq'){jQuery('.mainmenu[href="/faq"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/search'){jQuery('.mainmenu[href="/search"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/memberlist'){jQuery('.mainmenu[href="/memberlist"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/groups'){jQuery('.mainmenu[href="/groups"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/profile?mode=editprofile'){jQuery('.mainmenu[href="/profile?mode=editprofile"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/privmsg?folder=inbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/privmsg?folder=sentbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/privmsg?folder=outbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/login?logout'){jQuery('.mainmenu[href="/login?logout"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});

jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/login'){jQuery('.mainmenu[href="/login"]').css('background-color','#fff').css('padding','8px 6px 6px 6px')}});
É só modificar como deseja, resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 24/09/11, 04:19 pm

deu certo mais onde eu queria azul ta branco, como mudo?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Menu de navegação modificado

Mensagem por Luciano98 em 24/09/11, 04:43 pm

Olá!

Faça a mesma coisa que o Seender escreveu na mensagem acima, mas com esse código:
Código:
jQuery(document).ready(function(){if(window.location=='http://solkis.forumeiros.com/forum'){jQuery('.mainmenu[href="/forum"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/portal'){jQuery('.mainmenu[href="/portal"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/calendar'){jQuery('.mainmenu[href="/calendar"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/faq'){jQuery('.mainmenu[href="/faq"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/search'){jQuery('.mainmenu[href="/search"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/memberlist'){jQuery('.mainmenu[href="/memberlist"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/groups'){jQuery('.mainmenu[href="/groups"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/profile?mode=editprofile'){jQuery('.mainmenu[href="/profile?mode=editprofile"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/privmsg?folder=inbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/privmsg?folder=sentbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/privmsg?folder=outbox'){jQuery('.mainmenu[href="/privmsg?folder=inbox"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/login?logout'){jQuery('.mainmenu[href="/login?logout"]').css('background-color','blue').css('padding','8px 6px 6px 6px')};

if(window.location=='http://solkis.forumeiros.com/login'){jQuery('.mainmenu[href="/login"]').css('background-color','blue').css('padding','8px 6px 6px 6px')}});

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil em 25/09/11, 01:58 pm

deu certo aqui, obrigado.
podem fechar
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum