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

Outubro 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
» Modificar logo dos títulos dos tópicos
Hoje à(s) 21:38 por Vinicius Reis

» Botão Thanks na área errada
Hoje à(s) 19:23 por EsromG5

» Rádio no rodapé
Hoje à(s) 18:38 por Jefferson105

» Conteúdo dos perfis não aparecem
Hoje à(s) 18:04 por Lemon~

» [Logo] Pássaros
Hoje à(s) 18:01 por EDU2010

» Mudar pre-visualização do formulário
Hoje à(s) 16:54 por YouTube3

» Criar tags BBcode
Hoje à(s) 16:40 por sandra51

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
113 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 105 Visitantes :: 1 Motor de busca

davidgomes10, EsromG5, Jefferson105, Kyo Panda, marcosdete, P.H, Vinicius Reis, ZombieW

[ 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

naap96
Nível 1

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

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7157

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 ^^

naap96
Nível 1

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

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 ^^

RJUchiha
Nível 3

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

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!

naap96
Nível 1

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

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7157

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