Menu de navegação modificado

[konekta Brasil]

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

[-rock-]

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.

[konekta Brasil]

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.

[seender]

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'

[konekta Brasil]

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?

[seender]

Olá!

Poderia especificar exatamente o que deseja fazer?

Até mais!

[Luiiz]

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

[konekta Brasil]

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]

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.

[seender]

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

[konekta Brasil]

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

[Luciano98]

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.

[konekta Brasil]

deu certo aqui, obrigado.
podem fechar