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
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
219 usuários online :: 14 usuários cadastrados, 1 Invisível e 204 Visitantes :: 2 Motores de busca

'Dante, Biel_Staff, Connor R., Diego Yamaguti, Fou-Lu, Francine_Campos, Hidan HZ, iScroll, juleic1123, Kyo Panda, LDE, Monkey.D.Luffy, Oliver Miller, ranzatti

[ Ver toda a lista ]


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

Texto em imagem com modo hover

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

Resolvido Texto em imagem com modo hover

Mensagem por naap96 em Dom 1 Nov 2015 - 14:44

Detalhes da questão


Endereço do fórum: http://recursosescolares.foruns.com.pt/
Versão do fórum: PunBB

Descrição


Olá!
Como posso criar um widget no fórum com as seguintes características: Uma imagem em forma de circulo com um efeito hover mas em texto? Ou seja quando passar o rato conseguir visualizar o texto. Já andei aqui de volta e sempre que tenho ou não fica a imagem ou fica apenas a imagem.
Obrigada Feliz
avatar

naap96
Nível 1

Feminino
Inscrito dia : 01/11/2015
Mensagens : 3
Pontos Ativos : 514

http://recursosescolares.foruns.com.pt/

Resolvido Re: Texto em imagem com modo hover

Mensagem por Fraise em Dom 1 Nov 2015 - 14:46

Olá!

Você se refere ao efeito tooltip?
E qual seria o texto?

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7263

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

Resolvido Re: Texto em imagem com modo hover

Mensagem por naap96 em Dom 1 Nov 2015 - 18:22

Olá! Sim, exato! O texto é uma apresentação dos administradores do fórum. Como Nome, idade, Localização, curiosidade!
Mil obrigadas ^^
avatar

naap96
Nível 1

Feminino
Inscrito dia : 01/11/2015
Mensagens : 3
Pontos Ativos : 514

http://recursosescolares.foruns.com.pt/

Resolvido Re: Texto em imagem com modo hover

Mensagem por RJUchiha em Seg 2 Nov 2015 - 3:02

Seria este o eff que vc desejava?:
hover:

Se for adiciune os seguintes codes:
CSS:

Código:
.perfilstaff  {
  display: inline-block;
  position: relative;
}

.perfilstaff  a  {
  display: block;
  position: absolute;
  width: 140px;
  height: 180px;
  background-color: #FFFAFA;
  background-size: 100px;
  opacity: 0;
  font: 11px trebuchet ms;
  color: #111111;
  padding:10px;
  text-align:center;
  text-decoration: none;
  -webkit-transition: all .3s; transition: all .3s;
}

.perfilstaff a:hover  { opacity: 0.6; background-position: 95% 85%; }
.perfilstaff y {
  color:#E32636;
  font: bold 12px trebuchet ms;
}
.perfilstaff x {
  color:#111111;
  font: bold 11px trebuchet ms;
}
Widget:

Código:
<div class="perfilstaff">
        <a href="link do perfil"><br /><y>Nome:</y><x>Texto</x><br /><br /><y>Idade:</y><x>Texto</x><br /><br /><y>Localização:</y><x>Texto</x><br /><br /><y>Curiosidade:</y><x>Texto</x></a><img style="width: 160px; height: 200px;" src="url_da_sua_img" />  
</div>
url_da_sua_img --» Troque pelo link da usa img

Espero ter ajudado ^^
avatar

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 561

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Texto em imagem com modo hover

Mensagem por naap96 em Qua 4 Nov 2015 - 9:24

Sim ajudou! MUUUUITO OBRIGADA!
avatar

naap96
Nível 1

Feminino
Inscrito dia : 01/11/2015
Mensagens : 3
Pontos Ativos : 514

http://recursosescolares.foruns.com.pt/

Resolvido Re: Texto em imagem com modo hover

Mensagem por Fraise em Qui 5 Nov 2015 - 1:08

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7263

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