Menu de navegação modificado

5 participantes

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

Tópico resolvido Menu de navegação modificado

Mensagem por konekta Brasil 18.09.11 21:31

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:
https://2img.net/r/ihimizer/img846/1598/menuqe.jpg

quando você passa o mouse ele fica assim:

mouse em parcerias https://2img.net/r/ihimizer/img714/6003/menu2hb.jpg

mouse em contato https://2img.net/r/ihimizer/img839/5381/menu3f.jpg

mouse em anuncie https://2img.net/r/ihimizer/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 23.09.11 1:25, editado 1 vez(es)
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por -rock- 18.09.11 22:12

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.
-rock-

-rock-
Membro

Membro desde : 30/04/2011
Mensagens : 577
Pontos : 841

http://mecanicos.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 18.09.11 22:22

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.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por seender 18.09.11 23:06

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'
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 19.09.11 3:00

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?
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por seender 19.09.11 3:01

Olá!

Poderia especificar exatamente o que deseja fazer?

Até mais!
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por Luiiz 19.09.11 3:32

Acho que ele quer colocar icones no menu exemplo:
Menu de navegação modificado Garcon12 HOME

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


Menu de navegação modificado Fille12HOME
Luiiz

Luiiz
***

Membro desde : 06/07/2011
Mensagens : 193
Pontos : 281

http://newlayout.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 19.09.11 12:55

tipo assim, olha essa barra branca de fundo
https://2img.net/r/ihimizer/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.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 24.09.11 3:30

up

ta aqui, so fis +/- para verem como eu quero
https://2img.net/r/ihimizer/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.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por seender 24.09.11 18:59

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
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 24.09.11 20:19

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

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por Luciano98 24.09.11 20:43

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.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu de navegação modificado

Mensagem por konekta Brasil 25.09.11 17:58

deu certo aqui, obrigado.
podem fechar
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos