[Dúvida] Como personalizar o texto de title

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

Resolvido [Dúvida] Como personalizar o texto de title

Mensagem por Acoo em 03/12/10, 12:29 pm

Olá, queria saber como mudar a cor da letra, da borda e do resto desse negocinho que milhares de pessoas chamam de Legenda . Se algum de vocês poderem me dizer eu agradeceria...

Imagem, para dúvidas:

avatar

Acoo
Nível 1

Masculino
Inscrito dia : 03/12/2010
Mensagens : 2
Pontos Ativos : 4

Ver perfil do usuário http://www.pixelari.umforum.net

Resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Needke em 03/12/10, 07:31 pm

Boa noite,

Penso que estará a referir aquilo que, quando passar o mouse sobre a imagem ou hiperligação aparecerá um pequeno texto de title, este não tem como dar estilo, as cores obedecerão sempre ao padrão do sistema operacional do visitante! Lamento imenso, mas não será possível!

Quanto ao seu código, por exemplo, funcionará assim:
<img src="endereco-da-imagem" title="Legenda" />

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Acoo em 04/12/10, 02:39 pm

Eu queria saber onde eu coloco o código e queria que ele ficasse parecido com esse:

Por favor me ajudem, se vocês não conseguirem me esplicar chamem o dono, eu tenho certesa que ele poderá me ajudar...


Obrigado desde já.
avatar

Acoo
Nível 1

Masculino
Inscrito dia : 03/12/2010
Mensagens : 2
Pontos Ativos : 4

Ver perfil do usuário http://www.pixelari.umforum.net

Resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Needke em 04/12/10, 03:03 pm

Lamento imenso informar, mas não será possível no sistema Piscada
No entato, poderemos criar esse efeito apartir de códigos!

Penso que somente funcionará em Widgets, experimente assim:
<div class="efeitotitle">
<a href="endereco-da-pagina">
Texto com Link
</a>
<p>Frase que aparece ao passar o mouse no texto com link</p></div>

Coloque o texto simples e curto, no campo vermelho!

Em seguida, para que o efeito funcione, somente terá que adicionar mais esse código Piscada
Painel de Controlo Seta Visualização Seta Imagens e Cores Seta Cores
Selecione na aba 'Folha de estilo CSS' e adicione isso:

Código:
.OnText{font-size:12px;background:transparent;position:relative;border:#000000 1px solid;text-align:center;}
.OnText i p{display:none;}
.OnText i:hover p{cursor:default;margin:-2px 0 0 0;color:blue;background:#E6E6E6;
position:absolute;text-align:left;left:-1px;z-index:100;display:block;border:#000000 1px solid;border-top:0;width:96%;padding:2px 2%;font-style:normal;}
.OnText a img{text-decoration:none;}
.OnText a,.OnText img a,.OnText em{display:block;}
.OnText p a{display:inline;}
.OnText i img{border:0;margin:3px 0 2px 0;}

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

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