Pesquisar este blog

quarta-feira, 5 de outubro de 2011

TEXTO EM 3D

TEXTO EM 3D

<div style="color: rgb(0, 0, 0); font-family: verdana; font-size: 36px; letter-spacing: -2px; line-height: 0.9; margin: 5px 0pt 0pt; text-align: center; text-shadow: -0.06em 0pt red, 0.06em 0pt cyan; ">Texto</div>

Onde está verdana, substitua por qualquer outra fonte que tu queira. No 36, você mude por qualquer número, será o tamanho de sua fonte. O -2 deixe assim, só mude se quiser que o espaçamento de seu texto seja maior, ou menor. O center, é para o texto já ficar no centro, mas se quiser, poderá mudar para left, se quiser que fiquei ao lado esquerdo, ou right, para o direito. Não mude o resto.

Seu texto aqui

TEXTO CENTRALIZADO E JUSTIFICADO

TEXTO CENTRALIZADO E JUSTIFICADO

• Código: <blockquote><div align="justify"> Seu texto aqui </div></blockquote>

• Exemplo:

Há músicas que nos fazem querer dançar, músicas que nos fazem querer cantar junto, mas as melhores músicas são aquelas que nos levam de volta à primeira vez em que ouvimos e mais uma vez partem nosso coração.

Obs.: Quanto mais <blockquote>, mais estreito ele fica. No exemplo, usei 3 deles.

DEIXANDO AS LETRAS/LINHAS PRÓXIMAS

DEIXANDO AS LETRAS/LINHAS PRÓXIMAS

<div style="font-family:'Arial'; letter-spacing: -1px; line-height: 8px; color: #000000; width: 300px;"> Seu texto aqui </div>

Explicando:
• Arial: Nome da sua fonte.
• -1px: Distância entre as letras.
• 8px: Distância entre as linhas.
• #000000: Cor HTML do seu texto.
• 300px: Largura limite onde se encaixará o texto.

Há músicas que nos fazem querer dançar, músicas que nos fazem querer cantar junto, mas as melhores músicas são aquelas que nos levam de volta à primeira vez em que ouvimos e mais uma vez partem nosso coração.

BORDA E FUNDO DE CORES DIFERENTES II ATUALIZADO

BORDA E FUNDO DE CORES DIFERENTES II ATUALIZADO
<div style="border:xpx solid rgb(0, 0, 0);padding:xpx;width:xpx;background-color:rgb(0, 0, 0)"> SEU TEXTO </div>

Onde esta border:xpx basta alterar o x por um número maior, assim seu fundo terá uma borda. Onde está solid rgb(0, 0, 0) é qual será a cor da sua borda, você altera os 0 pelo código RGB da cor. Onde esta padding:1px é onde irá determinar como umamargem para o sua formatação, altere somente o número, quanto maior, maior a margem. Onde está width você irá trocar o x por um número qualquer, alterando o tamanho do quadro de formatação. E onde esta o (0, 0, 0) será a cor do seu fundo. Depois disso, é só escrever.

TEXTO JUSTIFICADO

TEXTO JUSTIFICADO

<div align="justify"> SEU TEXTO AQUI </div>

Seu texto ficará justificado no seu post.

Há músicas que nos fazem querer dançar, músicas que nos fazem querer cantar junto, mas as melhores músicas são aquelas que nos levam de volta à primeira vez em que ouvimos e mais uma vez partem nosso coração. Alguns dizem que o amor é um rio; alguns dizem que o amor é uma música boba; alguns dizem que o amor está ao nosso redor, nos eleva para onde pertencemos; alguns dizem que o amor é ouvir risadas durante a chuva, mas... Todos nós sabemos que o amor é um sofrimento.

BARRA DE ROLAGEM VERTICAL


BARRA DE ROLAGEM VERTICAL

<div style="overflow:auto; color:#000000; width:350px; text-align:center; font-family:arial; font-size:20px; line-height:100%"> Seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui.

Explicando:
• #000000 = Cor do teu texto.
• 350px = Largura da caixa com a barrinha de rolagem vertical.
• center = Como o texto ficará. Pode colocar "right", "center", "normal" ou "justify".
• arial = Nome da sua fonte dentro daquela caixa.
• 20px = Tamanho da sua fonte.
• 100% = Espaço entre as linhas.

Seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui.

BARRA DE ROLAGEM


BARRA DE ROLAGEM

<pre><div style="border: 1px solid rgb(205, 211, 218); padding: 5px; overflow: auto; background-color: rgb(247, 248, 249);"> ESCREVA AQUI UM TEXTO LONGO </div></pre>

Escreva um texto longo (pode usar cores e fontes) para que apareça a barra de rolagem, e pode também conter imagens. Você pode mudar as cores da caixa. Para mudar, consulte a tabela de cores, e apenas substitua os valores rgb (como no exemplo 205, 211, 218 e 247, 248, 249). Os códigos dessas cores são JAVA, então pegue o Código Java da cor escolhida na tabela de cores e separe os valores por vígula. Podes definir o tamanho da borda em pixel, na parte border: 1px, e/ou colocar no lugar de solid, a palavra dashed para ficar pontilhada a borda. E podes também tirar a tag <pre> se quiser tirar a barra para ficar somente um quadrado legalzinho.

Sei mais do que eu quis Mais do que sou E sei do que sei Só não sei viver Sem querer ser Mais do que sou O fato é o ato da procura E a cura não resiste só O que era certo eu descobri Nem sempre era o melhor. Abri os olhos Não consigo mais fechar Assisto em silêncio Até o que eu não quero enxergar. Não sei afastar A dor de saber Que o saber não há Só não sei dizer Se esse meu ver Se pode explicar. Enquanto eu penso, tanto entendo Que é mais fácil não pensar O que era certo, eu aprendi A sempre questionar.