Seja bem vindo ao Per Voi. Prazer, eu sou a Luh, tenho 28 anos, sou carioca e vascaína. Aqui nesse cantinho você poderá encontrar alguns materiais criados por mim e outros que fui juntando ao longo do tempo, da minha vida virtual. Espero que aproveite bem tudo que estou disponibilizando.
Luh Princess
002.gif)
575 Visitas
Texto em negrito
Texto em negrito
Texto inclinado
Texto inclinado
Texto sublinhado
Texto riscado
Palavra Maior que o restante do Texto
Palavra Menor que o restante do Texto
Texto com número ou palavra acima
Texto com número ou palavra abaixo
PARA QUEM USA BLOG EM HTML:
PARA QUEM USA BLOG EM CSS:
Coloque no seu style.css esse código abaixo:
.formatacao1 {
width: 200px;
font-family: verdana;
font-size: 10px;
text-align: center;
line-height: 15px;
border-bottom: 2px dashed #000000;}
Coloque essa div no texto que deseja essa formatação:
Nessa formatação, aumente ou diminua o width de acordo com o texto.
PARA QUEM USA BLOG EM HTML:
PARA QUEM USA BLOG EM CSS:
Coloque no seu style.css esse código abaixo:
.formatacao2 {
font-family: verdana;
font-size: 10px;
text-align: left;
letter-spacing: 3px;}
Coloque essa div no texto que deseja essa formatação:
PARA QUEM USA BLOG EM HTML:
PARA QUEM USA BLOG EM CSS:
Coloque no seu style.css esse código abaixo:
.formatacao3 {
width: 200px;
font-family: verdana;
font-size: 10px;
text-align: center;
line-height: 15px;
background-color: #FFFFFF;}
Nessa formatação, aumente ou diminua o width de acordo com o texto.
Coloque essa div no texto que deseja essa formatação:
Como o CSS facilita, e muito a vida de nós, blogueiras, os códigos de Formatação podem ser usados de uma forma mais simples, útil e diferente. Como? Confira nas dicas abaixo!
Coloque no seu style.css esse código abaixo:
Nesse exemplo, estou colocando aqui a Formatação mais utilizada.
b{cursor: crosshair; color: #703139;}
i{cursor: crosshair; color: #C5839C;}
u{cursor: crosshair; color: #95595D; text-decoration: underline; border-bottom: 1px solid #FFFFFF;}
s{cursor: crosshair; color: #8A525A; text-decoration: line-through;}
Se desejar ter uma opção maior, fazendo com que cada Formatação do Texto tenha uma configuração diferente, é só usar:
b{cursor: crosshair; color: #703139;}
i{cursor: crosshair; color: #C5839C;}
u{cursor: crosshair; color: #95595D; text-decoration: underline; border-bottom: 1px solid #FFFFFF;}
s{cursor: crosshair; color: #8A525A; text-decoration: line-through;}
strong{cursor: crosshair; color: #A9515B;}
em{cursor: crosshair; color: #8A525A;}
big{cursor: crosshair; color:#CC5C69; font-size: 11px;}
small{cursor: crosshair; color:#CA3640; font-size: 9px;}
sup{cursor: crosshair; color: #F54955;}
sub{cursor: crosshair; color: #D62431;}
As cores que estão nos códigos, são as que aparecem em cada um dos exemplos acima.
Configure de acordo com as cores, tamanho, e efeitos do cursor que desejar.
Para saber o que cada atributo representa, e quais as opções, confira em Atributos do CSS.
Essa página foi desenvolvida por mim.Não redistribua e se utilizar dê os devidos créditos.
Qualquer dúvida, pergunte em Ask-me.
