.::Ds-links::.
Welcome to Ds-Links please login or register if you are a new user.
.::Ds-links::.
Welcome to Ds-Links please login or register if you are a new user.
.::Ds-links::.
Would you like to react to this message? Create an account in a few clicks or log in to continue.

.::Ds-links::.


 
PortalHomeSearchLatest imagesRegisterLog in

Share | 
 

 [Hi5] Modificação de texto

View previous topic View next topic Go down 
Share This!
AuthorMessage
uilson
Admin
Admin
uilson

Male Idade : 32
Pontos : 36799
Reputação : 0
Mensagens : 101
Localização : Leiria (M.G.)
Data de inscrição : 2009-06-29

[Hi5] Modificação de texto Vide
PostSubject: [Hi5] Modificação de texto   [Hi5] Modificação de texto Icon_minitimeMon Jul 20, 2009 11:48 pm

Código base:
Código:
<font face="TIPO DE LETRA" size="TAMANHO DA LETRA" color="COR DA LETRA">TEXTO</font>



exemplo:
Código:
<font face="Arial" size="5" color="#FF0000">TEXTO</font>






Texto em negrito:

Código:
<strong>TEXTO</strong>

ou
Código:
<b>TEXTO</b>


Texto sublinhado:
Código:
<u>TEXTO</u>


Texto em itálico:
Código:
<i>TEXTO</i>


Texto rasurado:
Código:
<s>texto</s>


Texto reduzido:
Código:
<tt>TEXTO</tt>




Alinhar texto:

Alinhar ao centro:
Código:
<p align=center>TEXTO</font> ou <center>TEXTO</center>


Alinhar à esquerda:
Código:
<p align=left>TEXTO</font>


Alinhar à direita:
Código:
<p align=right>TEXTO</font>


Justificar o texto:
Código:
<p align=justify>TEXTO</font>




Outros


Criar efeito "hover" num link com texto:
Código:
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color:#FF0000; font-size: 30px; }
</style>

<span class="class1">
<a href= "URL DO LINK">PALAVRA/FRASE QUE QUEREM QUE APARECA</a>
</span>




Colocar Texto em "painéis animados"


Texto a deslizar (da esquerda para a direita)
Código:
<marquee direction="right">TEXTO</marquee></a>


Texto a deslizar ( da dirieta para a esqerda )
Código:
<marquee direction="left">TEXTO</marquee></a>



Texto a deslizar ( alternado na horizontal)
Código:
<marquee behavior="alternate">TEXTO</marquee></a>



Texto a deslizar ( de cima para baixo )
Código:
<marquee direction="down">TEXTO</marquee></a>



Texto a deslizar ( de baixo para cima )
Código:
<marquee direction="up">TEXTO</marquee></a>



Texto a deslizar ( alternado na vertical)
Código:
<marquee direction="up" behavior="alternate">TEXTO</marquee></a>



Texto a deslizar, com border colorido (exemplo: da esquerda para a direita com border vermelho, #FF0000)
Código:
<marquee style="border:#FF0000 2px SOLID">TEXTO</marquee></a>



Texto a deslizar, com fundo vermelho (exemplo: da esquerda para a direita com fundo vermelho, #FF0000 e letra branca, #FFFFFF)
Código:
<font color="#FFFFFF"><marquee direction="left" style="background:#FF0000">TEXTO</marquee></font></a>



Texto em Zig-Zag(da esquerda para a direita)
Código:
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="right">TEXTO</marquee></marquee></a>



Texto em Zig-Zag alternado (da esquerda para a direita)
Código:
<marquee behavior="alternate" direction="up" width="80%">
<marquee direction="right" behavior="alternate">TEXTO</marquee></marquee></a>



Texto em "onda"
Código:
<marquee behavior=alternate direction=up scrollamount=2
scrolldelay=65 height=80
style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)">
<center>ONDA 1<br>ONDA 2</center>
</marquee></a>



Texto a "desaparecer" (alternado)
Código:
<marquee behavior="alternate"><marquee width="150">TEXTO</marquee></marquee></a>



Ajustar velocidade da passagem do texto:

adicionar ao "code" ...scrollamount="1" ... e alterar o numero consoante a velocidade q pretendem

exemplo:
Código:
<marquee scrollamount="1" direction="up" behavior="scroll">TEXTO</marquee>



Colocar Texto em "caixa" drop down
Código:
<select>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
<option>TEXTO</option>
</select> (nota: se quiserem colocar mais texto na caixa de drop basta copiarem e colarem mais "<option>TEXTO</option>" )



Tabela de cores para html:
[You must be registered and logged in to see this link.]



HTML basics for your hi5
[You must be registered and logged in to see this link.]
Back to top Go down
https://dslinks.forumotion.com
 

[Hi5] Modificação de texto

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
.::Ds-links::. :: "Codigos" para Hi5-
Forumotion's free forums | ©phpBB | Free forum support | Report an abuse | Forumotion.com