[Dúvida] Como personalizar o texto de title

2 participantes

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

Tópico resolvido [Dúvida] Como personalizar o texto de title

Mensagem por Acoo 03.12.10 14:29

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:

[Dúvida] Como personalizar o texto de title Dvidaaaaa
Acoo

Acoo
Novo Membro

Membro desde : 03/12/2010
Mensagens : 2
Pontos : 4

http://www.pixelari.umforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Needke 03.12.10 21:31

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
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Acoo 04.12.10 16:39

Eu queria saber onde eu coloco o código e queria que ele ficasse parecido com esse: [Dúvida] Como personalizar o texto de title Titlewj

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á.
Acoo

Acoo
Novo Membro

Membro desde : 03/12/2010
Mensagens : 2
Pontos : 4

http://www.pixelari.umforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: [Dúvida] Como personalizar o texto de title

Mensagem por Needke 04.12.10 17:03

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
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos