Vincular links do menu de navegação

5 participantes

Ir para baixo

Tópico resolvido Vincular links do menu de navegação

Mensagem por br.uno 15.02.16 7:31

Detalhes da questão


Endereço do fórum: http://cronicasre.forumeiros.com
Versão do fórum: Invision

Descrição


Bom dia. Eu abri o meu fórum à poucos dias e estou personalizando a aparência dele, o problema é que não sei nada de html ou código CSS. Eu gostaria de colocar esse menu no meu fórum, mas não sei como vincular cada link ao respectivo botão, com o início na casa e o botão busca direto no campo de texto. Eu também quero que, cada vez que alguém passe o mouse sobre um dos botões, que ele escureça como o botão "calendário".

Vincular links do menu de navegação E8nSVTx

Vincular links do menu de navegação DFyR1ty

Alguém pode me ajudar? Obrigado.


Última edição por br.uno em 15.02.16 16:30, editado 1 vez(es)
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por GSCode 15.02.16 14:01

Olá @br.uno,

Poderia nos ceder o Fórum que viu o tal efeito?

Cordialmente,
GSCode - Best Skins.
GSCode
GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 15.02.16 16:29

Olá @GSCode

Antes de começar a personalizar a aparência do meu fórum, eu tinha instalado o tema "Rock N' Forum 2.0" e, como dá pra ver pela pré-visuaização, os botões do menu ganham um 'highlight' quando o mouse passa por eles. eu tirei esse efeito, então consigo te adiantar qual é o CSS Code dele:

Código:
a:hover{background-color:#F9D838;color:black!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px}

ele tá no final da primeira linha da folha de estilos.

obrigado!
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por RafaelS. 15.02.16 20:02

Olá!

Mas o senhor viu esse menu aplicado em algum fórum? Se sim, poderia fornecer o link?
Isso nos ajudaria com o desenvolvimento rápido de sua questão.

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 15.02.16 20:22

Olá, @RafaelS.

eu vi nesse fórum: www.novaerarpg.com

não é exatamente igual, mas acredito que o princípio seja o mesmo.

obrigado.
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por RafaelS. 15.02.16 20:38

Olá amigo!

Não é nada igual, vendo pela aparência. Eu acho que não entendi Louco
Você deseja personalizar o seu menu, ou saber como vincular os links do menu?

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 15.02.16 22:55

Olá,

eu desejo vincular os links no menu que eu coloquei no primeiro post,

e que os botões tenham o efeito que está sobre o calendário, que é, pelo que eu entendi, chamado de hover. o código que eu postei do tema "rock n' forum" faz isso com menu. eu deixei o link para a prévia do tema também, não sei se vocês virem. acho que dá para vocês entenderem o que eu quero de forma mais clara.

obrigado!
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por RafaelS. 15.02.16 23:01

Olá @br.uno

Agora eu entendi, mas vamos separar as dúvidas por tópico, okay? Pois são dúvidas diferentes. Peço que crie um novo tópico para depois adicionar o efeito hover.

Bom quanto vincular os links é através do painel de controle, leia esta FAQ:
Seta https://ajuda.forumeiros.com/t16325-

Até mais.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 16.02.16 3:03

bom dia @RafaelS.

obrigado pela ajuda, eu já tinha visto a opção de colocar as imagens. foi bom ter certeza de que funcionariam, mas aconteceu o que eu imaginei: os botões não ficaram juntos, mas espaçados, e a busca não é feita direta no campo botão, mas ela serve apenas para abrir a busca real. você sabe como arrumar essas duas coisas?

obrigado.
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por MateusAnjosV 16.02.16 16:53

Olá Bruno!

Vamos por partes... acrescente esse CSS:
Código:
#submenu ul li a {
margin-left: -15px !important;
}

Até mais.
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 16.02.16 17:24

Olá Mateus!

Muito obrigado pelo código, ficou perfeito! Existe algum outro código que permita mover todos os botões para a esquerda ou direita sem desalinhá-los? Eles ficaram juntos, mas tão mais pra esquerda agora. Me desculpem pedir tantas coisas, mas eu ainda tou aprendendo sobre html e CSS.

EDIT: eu testei o mesmo código, mas movendo os botões para a direita também, e funcionou. Eu só preciso saber se consigo vincular a busca direto no campo do último botão. Se não for, eu penso em outra coisa para o menu.

obrigado!
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por MateusAnjosV 16.02.16 19:38

Olá e boa tarde Bruno!

Fiz algo bem básico, para evitar lag e ser mais prático, adicione em sua CSS:
Código:
   
form[action="/search"] table tbody tr td input.button {z-index: 555;position: relative; top: -45px; left: -75px;opacity: 0; height: 30px; margin-top: -10px;}

 #search_menu {border: none !important;background: none !important;box-shadow: none !important;}
 #search_menu * {border: none !important;background: none !important;color: gray !important }
#search_menu > form > table > tbody > tr:nth-child(3) > td > span, #search_menu > form > table > tbody > tr:nth-child(4) > td > span {display: none }


form[action="/search"] table tbody tr td input.post {z-index: 555;opacity: 1 !important;height: 20px; margin-top: 6px; margin-right: 3px; top: -38px; position: relative; left: -70px; /* display: none; */ width: 120px;}

E crie um novo js, com o investimento em todas as páginas:
Código:
$(function(){
showhide(document.getElementById('search_menu')); document.getElementById("search_menu").style.visibility = "hidden";
});

É normal possíveis erros - apesar de nos testes funcionar perfeitamente.
Qualquer coisa, basta reportar! Piscada

MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno 18.02.16 23:41

Olá mateus,

desculpa a demora em responder. funcionou, muito obrigado!

podem trancar o tópico.
br.uno
br.uno
**

Membro desde : 04/02/2016
Mensagens : 73
Pontos : 118

Ir para o topo Ir para baixo

Tópico resolvido Re: Vincular links do menu de navegação

Mensagem por Fraise 18.02.16 23:43

Vincular links do menu de navegação Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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