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
» Slides bugado
Hoje à(s) 12:21 am por iScroll

» Separador
Ontem à(s) 11:01 pm por Ketholy123

» Ranks para meu Fórum
Ontem à(s) 10:56 pm por ranzatti

» E-mail para instalação do Topic'it com problema
Ontem à(s) 10:55 pm por Luiz

» Ícones flutuantes
Ontem à(s) 10:01 pm por Gaaratsu

» Menu Mensagem Privada
Ontem à(s) 07:29 pm por Luiz

» Adicionar estrelas nos tópicos
Ontem à(s) 06:39 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Shek
 
Harleen
 
ranzatti
 
APOllO
 
zHugh
 

Quem está conectado
245 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 234 Visitantes :: 2 Motores de busca

ALF007, CaioCrisostomo, Dr., Fou-Lu, Gaaratsu, Heikki, iScroll, Ketholy123, ranzatti, Shek, soldado

[ Ver toda a lista ]


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

Codigo destas imagens de modo menu

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

Resolvido Codigo destas imagens de modo menu

Mensagem por EDU2010 em 19/04/17, 08:15 pm

Detalhes da questão


Endereço do fórum: https://www.criadoresdepassaros.com/
Versão do fórum: phpBB3

Descrição


Qual código usa este site neste local de exemplo na imagem o sute é esse
http://www.scbiotec.com.br/

Segue imagem de exemplo




Este menu com imagem com links ,
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por EDU2010 em 21/04/17, 08:56 am

UP
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por EDU2010 em 22/04/17, 10:48 am

up
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por MateusV. em 23/04/17, 07:32 pm

Adicione este código HTML onde deseja colocar o menu:
<div class="mtvmenu">
<a href="link">
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
</div>

Azul -> O link do qual irá redirecionar
Vermelho -> Imagem que irá aparecer

Feito isto, adicione este código no seu CSS:
Código:
.mtv:hover {
    border: solid 5px #5caaff;
    width: 290px;
    height: 390px;
    -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
    opacity: 0.9;
}
.mtv {
    width: 300px;
    /* border-radius: 10px; */
    height: 400px;
   margin: 10px;
   display: inline-block;
}


Última edição por Luiz~ em 23/04/17, 08:11 pm, editado 1 vez(es) (Razão : Adicionar o ícone em curso. ._.')
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por EDU2010 em 25/04/17, 02:42 pm

Ok , qual o tamanho da imagem que devo usar e se eu quiser colocar um Titulo abaixo da imagem ..
Testei e é isso mesmo ...

avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por Luiz em 25/04/17, 03:43 pm

Provavelmente, uma imagem quadrada irá ajudar.
Às dimensões, igual à do fórum que o senhor citou.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5149
Pontos Ativos : 5966

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por EDU2010 em 25/04/17, 09:03 pm

Tem como eu colocar um titulo pra cada imagem ?
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1643
Pontos Ativos : 2522

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

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por Luiz em 25/04/17, 09:10 pm

Basta o senhor editar a imagem, e colocar um título nela, ou alterar o código para:
Código:
<div class="mtvmenu">
<a href="link">
<h4>TÍTULO</h4>
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<h4>TÍTULO</h4>
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<h4>TÍTULO</h4>
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
<a href="link">
<h4>TÍTULO</h4>
<div class="mtv" style="background-image:url(url_da_imagem);"></div></a>
</div>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5149
Pontos Ativos : 5966

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Codigo destas imagens de modo menu

Mensagem por Luiz em 30/04/17, 11:17 am

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5149
Pontos Ativos : 5966

Ver perfil do usuário https://github.com/lffg/

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