Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Preciso de ranks para SAMP
Ontem à(s) 11:57 pm por Fou-Lu

» Deixar apenas um dos menus com imagem
Ontem à(s) 11:38 pm por Maiicinhu

» Nome do Domínio e E-mail Personalizados
Ontem à(s) 11:26 pm por Shek

» Icone e banner para o fórum.
Ontem à(s) 11:25 pm por Fou-Lu

» Temas Temporários
Ontem à(s) 11:22 pm por Shek

» Resposta Topico
Ontem à(s) 11:19 pm por Shek

» Esqueci a senha do fundador
Ontem à(s) 11:15 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Fou-Lu
 
Eduardo Lima
 
while
 
Shek
 
Jeckwilke
 
LucasPofahl
 
Maiicinhu
 
Thiago
 

Quem está conectado
197 usuários online :: 12 usuários cadastrados, Nenhum Invisível e 185 Visitantes :: 2 Motores de busca

Deimon_Phoenix, Fou-Lu, Gaaratsu, Holkis, James Watts, Lemon~, Lost154, Maiicinhu, odelgado, paulim78, Shek, uilya

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Vincular links do menu de navegação

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

Resolvido Vincular links do menu de navegação

Mensagem por br.uno em 15/02/16, 05:31 am

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



Alguém pode me ajudar? Obrigado.


Última edição por br.uno em 15/02/16, 02:30 pm, editado 1 vez(es)
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por GSCode em 15/02/16, 12:01 pm

Olá @br.uno,

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

Cordialmente,
GSCode - Best Skins.
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 15/02/16, 02:29 pm

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!
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por Rafael em 15/02/16, 06:02 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 15/02/16, 06:22 pm

Olá, @RafaelS.

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

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

obrigado.
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por Rafael em 15/02/16, 06:38 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 15/02/16, 08:55 pm

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!
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por Rafael em 15/02/16, 09:01 pm

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 http://ajuda.forumeiros.com/t16325-

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 16/02/16, 01:03 am

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

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por MateusAnjosV em 16/02/16, 02:53 pm

Olá Bruno!

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

Até mais.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1438
Pontos Ativos : 2014

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 16/02/16, 03:24 pm

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!
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por MateusAnjosV em 16/02/16, 05:38 pm

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

avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1438
Pontos Ativos : 2014

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

Resolvido Re: Vincular links do menu de navegação

Mensagem por br.uno em 18/02/16, 09:41 pm

Olá mateus,

desculpa a demora em responder. funcionou, muito obrigado!

podem trancar o tópico.
avatar

br.uno
Nível 3

Masculino
Inscrito dia : 04/02/2016
Mensagens : 19
Pontos Ativos : 38

Ver perfil do usuário

Resolvido Re: Vincular links do menu de navegação

Mensagem por Fraise em 18/02/16, 09:43 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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