Blog do Tigrão Blog do Tigrão Algumas Dicas para deixar seu blog mais harmonioso.
1 - Centralizar imagem ou texto.
Para centralizar uma imagem
ou texto no seu perfil ou post, coloque entre os códigos <center>
e </center>
Ex.:
<center>CÓDIGO DA
IMAGEM OU TEXTO</center> 
2 - Aumentar ou
diminuir o tamanho de uma imagem.
Se você ganhou um award e ficou muito grande no seu perfil ou post, use os códigos:
width=”200”
e height=”200”
dentro do código da imagem.
width=”200” –
altera a largura da imagem onde 200 é
o valor do tamanho da imagem. É só alterar esse valor até encontrar o tamanho
desejado.
height= “200”
– altera a altura da imagem onde 200
é o valor do tamanho da imagem. É só alterar esse valor até encontrar o
tamanho desejado.
Ex.: <img src=http://endereço
da imagem/imagemX.gif” width=”200”>
Importante:
Quando alterar uma imagem use apenas um dos dois códigos (width ou height), ao alterar a largura automaticamente estará alterando também a altura na mesma proporção e vice-versa. Se alterar os dois códigos ao mesmo tempo a imagem ficará distocida.
Imagem tamanho width="100" Imagem tamanho width="50"
3
– Fixando imagens
Algumas imagens com link
ao colocamos o mouse em cima, elas se mexem, então coloque o código </a>
no final da imagem, caso não tenha esse código.
Ex.: <a href=http://endereço
do blog”><img src=http://endereço
da imagem/imagem.gif”></a>
4
– Excluindo a borda de uma imagem
As
vezes algumas imagens, geralmente quando estão com link, apresentam uma borda
azul. Caso não queira essa borda acrescente o código border=”0”
dentro do código da imagem.
Ex.: <a href=http://endereço
do blog”><img src=http://endereço
da imagem/imagem.gif” border=”0”></a>
5
– Trabalhando com texto
<center><b><font
face=”monotype corsiva”
size=”4”
color=”#000080”>Blog
do Tigrão</font></b></center>
Para
personalizar o seu texto tanto do perfil ou post utilize os códigos acima,
onde:
<center>
</center> - para centralizar
o texto.
<b>
</b> - coloca o texto em negrito; ou.
<i>
</i> - coloca o
texto em itálico.
”monotype
corsiva” – tipo de letra. Coloque
entre as aspas (“...”) o tipo de letra que quiser, arial, verdana, etc..
Blog do Tigrão – Monotype Corsica
Blog do Tigrão – Arial
Blog
do Tigrão – Verdana
size=”4” – tamanho
da letra. Só alterar o valor.
color=”#000080”
– Cor
da letra, onde 000080 é o código da letra azul. Para alterar a cor é só
colocar o número do código entre “#.......”
Ex.: #000000 cor preta
#ffffff
cor branca
#008000
cor verde
#ff0000
cor vermelha
#ffff00
cor amarela
Existe um número infinito de cores e você pode consegui-los através de uma tabela de cores que pode ser encontrada em diversos sites. Um dos sites é da Cristiny On Line
Como achar o código
da cor.
A tabela de cores é um pouco limitada, talvez você não encontre aquela cor desejada. Porém se você tiver o programa Paint Shop Pro, qualquer versão, você poderá
encontrar o código de qualquer cor.
Abra o programa Paint Shop Pro e depois abra uma imagem que contem a cor que você deseja. Do lado esquerdo clique na ferramenta Flood Fill Tool que tem a figura de um baldinho. Depois do lado direito clique na paleta de cores onde
abrirá uma janela para escolher uma cor. Então com o mouse clique na imagem na cor que você deseja, nisso aparecerá o código da cor HTML #000085 por exemplo o azul. Copie esse código e coloque no seu texto.
6
– Pular linha
Para separar uma imagem
ou texto pulando uma linha coloque o código entre as imagens ou textos<p></p>
IMAGEM OU TEXTO
IMAGEM OU TEXTO
IMAGEM OU TEXTO
<p></p> (pula uma
linha)
<p></p> IMAGEM OU TEXTO
IMAGEM OU TEXTO
IMAGEM OU TEXTO
IMPORTANTE
Se você estiver trabalhando com um texto e quiser mudar de linha para não ficar um texto corrido, use o código <br> no lugar que você quer que aconteça a quebra de linha.
Ex.:
Sem a quebra de linha o texto ficaria assim.
Depois do treino desta quinta-feira, o técnico do Fluminense, Oswaldo de Oliveira, confirmou que Tuta não será titular na partida contra o São Caetano no próximo sábado, às 18h10m, no Maracanã. O jogador se junta a Lenny no time dos barrados, e o Tricolor entrará em campo com uma nova dupla de ataque: Cláudio Pitbull e Evando, que passaram a maior parte da temporada como reservas.
Usando o código <br> no lugar que você quer que aconteça a quebra de linha.
Depois do treino desta quinta-feira, <br>
o técnico do Fluminense, Oswaldo de Oliveira,<br> confirmou que Tuta não será titular na partida<br> contra o São Caetano no próximo sábado, às<br> 18h10m, no Maracanã. O jogador se junta a Lenny<br>
no time dos barrados, e o Tricolor entrará<br>
em campo com uma nova dupla de ataque:<br>
Cláudio Pitbull e Evando, que passaram<br>
a maior parte da temporada como reservas.
O texto ficará assim.
Depois do treino desta quinta-feira,
Sem pular linha
Pulando uma linha
o técnico do Fluminense, Oswaldo de Oliveira,
confirmou que Tuta não será titular na partida
contra o São Caetano no próximo sábado, às
18h10m, no Maracanã. O jogador se junta a Lenny
no time dos barrados, e o Tricolor entrará
em campo com uma nova dupla de ataque:
Cláudio Pitbull e Evando, que passaram
a maior parte da temporada como reservas.
Obs.: Use o código de maneira que o texto fique alinhado.
7
– Espaço entre as imagens
Para
que as imagens não fiquem coladas uma ao lado da outra coloque o código
Ex.:
<CÓDIGO
DA IMAGEM> <CÓDIGO
DA IMAGEM> - dá
um espaço entre as imagens.
<CÓDIGO DA IMAGEM>
<CÓDIGO
DA IMAGEM> - dá
dois espaços entre as imagens.
<CÓDIGO DA IMAGEM>
<CÓDIGO
DA IMAGEM> - dá
três espaços entre as imagens.
Sem espaço entre as imagens
Com espaço entre as imagens
8
– Colocando música no blog
Coloque
o código abaixo logo após a tag <head>
<bgsound
src=”http://www.endereço
da música/musicaX.mid” loop=”infinite”>
loop=”infinite”
– significa que a música irá tocar indefinidamente. Se quiser que toque
apenas uma vez substitua o infinite pelo algarismo 1, duas vezes
algarismo 2 e assim por diante.
Calendários
Dicas
Dolls
Emoticons
Gifs
Animados
Pingentes
Plaquinhas
Relógios
Selos
Sígnos
Tags
Templates
