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


Por: ~



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)


• LETRAS INICIAIS COM CORES/FORMATOS DIFERENTES •


Bom, esse código é muito usado no BoxMenuDireito, então ele vai ser usado como exemplo, mas esse código pode ser usado em diversos lugares do Style. Nesse caso, você o cola em qualquer lugar do espaço no BoxMenuDireito:

Citação:

.tituloMenuDireito:first-letter {
font-family: 'Arial',cursive;
font-size: 17px;
color: #COR;
}


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