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
» Efeito nos grupos
Hoje à(s) 11:17 pm por Matt Shultz

» PAGINA HTML
Hoje à(s) 11:08 pm por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 10:05 pm por iScroll

» Logo fixo
Hoje à(s) 09:50 pm por iScroll

» Logo para um fórum
Hoje à(s) 09:36 pm por Hyouran

» Rank para o meu fórum
Hoje à(s) 09:33 pm por Matt Shultz

» Menu & Fundo
Hoje à(s) 09:25 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
244 usuários online :: 8 usuários cadastrados, 1 Invisível e 235 Visitantes :: 2 Motores de busca

BlueJOkeR, CaioCrisostomo, Heikki, iScroll, Matt Shultz, ranzatti, soldado, T1ag0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 12: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, 04: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, 01: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, 11:01 am

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, 01: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, 05: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 : 3116
Pontos Ativos : 4027

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, 05: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, 05: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 : 3116
Pontos Ativos : 4027

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, 07: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, 08: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 : 3116
Pontos Ativos : 4027

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, 12: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, 01: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 : 1434
Pontos Ativos : 2003

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, 02: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, 04: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 : 1434
Pontos Ativos : 2003

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, 08: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, 08: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