~NatyBelleville

NatyBelleville
Mal feito, feito.
Nome: Nataly
Status: Usuário Veterano
Sexo: Indisponivel
Localização: Indisponivel
Aniversário: 13 de Janeiro
Idade: 66
Cadastro:

(Códigos Style 2) Mais Códigos para texto!


Postado


Olá de novo!! Agora vou dar mais códigos para os texto do Style!
Você, querida veterana, pode até conhecê-las, mas ainda existem as novas viajantes desse mundo do CSS ^^ Vamos começar!

•COMO MUDO A FONTE ARIAL?•

A seguir, uma listinha das Fontes mais comuns:
Citação:
font-family: Times New Roman !important;
font-family: Monospace !important;
font-family: Calibri !important;
font-family:Comic Sans !important;
font-family: COURIER !important;
font-family: Verdana !important;
font-family: helvetica !important;
font-family: Impact !important;
font-family: Tahoma !important;
font-family: Trebuchet MS !important;
font-family: Georgia !important;
font-family: Garamond !important;
font-family: Cambria !important;
font-family: Palatino !important;
font-family: Lucida Bright !important;
font-family: Monaco !important;
font-family: Consolas !important;
font-family: Lucida Console !important;

Escolha e seja feliz! XD Mas tenha em mente que nem todos os sistemas operacionais tem certas fontes desta lista. Ou seja, nem todas as pessoas vão conseguir ler, mas você pode optar por: Georgia, Times ou Lucida.

•COMO EU DEIXO UM ESPACINHO ENTRE AS LETRAS? E NAS PALAVRAS?•

Isso é bem simples. Basta usar esse código:
Citação:
letter-spacing:0.1cm;(ESPAÇO ENTRE AS LETRAS)

word-spacing: 0.1em;(ESPAÇO ENTRE AS PALAVRAS)

Tente não aumentar o milímetro por centímetro para mais que 0.2, não acho muito bonito (opinião própria, aumente se você quiser ;) )

•COMO EU 'SUBO' AS LETRAS DA #NAV? DEIXANDO ELA BATENDO NO TETO DA BORDA?•

Você está falando de algo assim?

Bom, se é isso...
Citação:
#nav>ul {
left:-2px;
Top:-XXpx;
}

O XX vai definir o quanto da altura você prefere que sua letra alcance, ela pode até mesmo sair de dentro das bordas :3 Muitas usam esse código para deixar a #Nav acima do CimaLogo.

•COMO EU DEIXO O TEXTO SUBLINHADO, COM UMA LINHA POR CIMA DAS PALAVRAS OU SOBRELINHADO?•

Nesse feito, usamos o text-decoration.
Vemos então:
Citação:
text-decoration: underline !important; (TEXTO SUBLINHADO)

text-decoration: line-through !important; (COM UMA LINHA POR CIMA DAS PALAVRAS)

text-decoration: overline !important; (SOBRELINHADO)

text-decoration: none; (COM NENHUMA DAS ANTERIORES)


•COMO DEIXO AS LETRAS SÓ MAIÚSCULAS OU SÓ MINÚSCULAS?•

Usaremos aqui o text-transform:
Citação:
text-transform: uppercase; (LETRAS MAIÚSCULAS)

text-transform: lowercase; (letras minúsculas)


Caso você queira saber de onde tiro os códigos pra cores:
No ColorPicket

É bem prático, como pode ver :)

Ou usando oPhotoFiltre Studio, que é mais fácil por que eu uso a imagem do banner para escolher as cores.

Obrigada por ler esse jornal!!


Gostou da Jornal? Compartilhe!

Gostou? Deixe seu Comentário!

Muitos usuários deixam de postar por falta de comentários, estimule o trabalho deles, deixando um comentário.

Para comentar e incentivar o autor, Cadastre-se ou Acesse sua Conta.


Carregando...