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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar título e ícone das categorias
Hoje à(s) 16:37 por while

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 16:00 por luuuiiiz

» Efeito hover na descrição
Hoje à(s) 15:52 por YouTube3

» Erro Facebook Conect
Hoje à(s) 14:55 por Ana Leandro

» Ausência dos campos de perfil
Hoje à(s) 14:41 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 14:19 por Cream

» Formulário de postagem
Hoje à(s) 14:03 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
90 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 84 Visitantes :: 2 Motores de busca

Ana Leandro, GollD, Solkis, staay03, SyraoN_, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 15 Fev 2016 - 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".



Alguém pode me ajudar? Obrigado.


Última edição por br.uno em Seg 15 Fev 2016 - 16:30, editado 1 vez(es)

br.uno
Nível 3

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

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

Mensagem por GSCode em Seg 15 Fev 2016 - 14:01

Olá @br.uno,

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

Cordialmente,
GSCode - Best Skins.

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2092

http://testforumbrasil.forumeiros.com/forum

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

Mensagem por br.uno em Seg 15 Fev 2016 - 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
Nível 3

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

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

Mensagem por RafaelS. em Seg 15 Fev 2016 - 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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4873

http://maisforum.forumeiros.com

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

Mensagem por br.uno em Seg 15 Fev 2016 - 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
Nível 3

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

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

Mensagem por RafaelS. em Seg 15 Fev 2016 - 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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4873

http://maisforum.forumeiros.com

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

Mensagem por br.uno em Seg 15 Fev 2016 - 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
Nível 3

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

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

Mensagem por RafaelS. em Seg 15 Fev 2016 - 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 http://ajuda.forumeiros.com/t16325-

Até mais.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4873

http://maisforum.forumeiros.com

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

Mensagem por br.uno em Ter 16 Fev 2016 - 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
Nível 3

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

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

Mensagem por MateusAnjosV em Ter 16 Fev 2016 - 16:53

Olá Bruno!

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

Até mais.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1413
Pontos Ativos : 2317

http://ajuda.forumeiros.com/

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

Mensagem por br.uno em Ter 16 Fev 2016 - 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
Nível 3

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

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

Mensagem por MateusAnjosV em Ter 16 Fev 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1413
Pontos Ativos : 2317

http://ajuda.forumeiros.com/

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

Mensagem por br.uno em Qui 18 Fev 2016 - 23:41

Olá mateus,

desculpa a demora em responder. funcionou, muito obrigado!

podem trancar o tópico.

br.uno
Nível 3

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

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

Mensagem por Fraise em Qui 18 Fev 2016 - 23:43

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

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5