Como fazer Fundo de Xat (com regras)

Hey pessoal! Son Ivson aqui!
Desculpem pelas teias de aranha no blog, mas é que eu não tinha nada pra postar, sabe...
Bem, mas graças à um pedido, temos um novo tutorial, e dessa vez vou ensinar a fazer um fundo de xat... mas com regras!
Sim! É aquele xat que tem as regras no fundo, como o que temos aqui no blog!
Bem, primeiro, baixe essa imagem:

Arquivo editável do Photoshop

 Agora, vamos à edição. Troque as cores, adicione efeitos, coloque pinguins e puffles... Enfim, o que desejar.

Bem, terminamos a parte onde o chat ficará, agora vamos escrever as regras.
Escreva as regras do seu chat e decore com um pinguim, puffle ou o que preferir.

Bem, agora que tá tudo pronto, hospede a imagem em algum lugar (recomendo Tinypic), pegue o link direto e vamos à parte do HTML. Sim, vamos mexer com HTML!
Vamos lá. Pegue esse código:

<div class="widget html" id="html1">
<div class="widget-content">
<center>
<div style="background-image: url(Direct Link do Fundo); width: 590px; height: 780px; line-height: 13px;"><span style="color: rgb(255, 255, 255);">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

Onde tem Direct Link do Fundo, cole o link direto da imagem que você hospedou. Mas é só isso? Não! No fim de todos os "<br/>" cole o HTML do seu xat.

DICA:
Depois do ID do seu chat, coloque isso:

&rl=Brazilian

 Isso fará seu xat ficar em PT/BR!

Depois disso, você terá um xat com regras no fundo!
Espero ter ajudado! E vão pedindo mais tutôs! Acho que isso que está "mantendo o blog de pé".
Bem, tchau!
~Son Ivson

Como fazer Fundo de Xat

Hey pessoal! Son Ivson aqui!
Bem, eu resolvi postar um tutorial aqui, e é de como fazer fundo de xat.
Bem, primeiro, salve esta imagem:

Arquivo Editável do Photoshop

Agora abra e comece a editar. Coloque um fundo legal e essas coisas.
Deixe assim por exemplo:

Agora salve no Tinypic (no Imgur não funciona) pegue o direct link e coloque embaixo de Background.
Copie e troque o código no gadget.
Agora vá ver se funcionou! Se deu tudo certo então :D
Bem era isso! Até mais!
~Son Ivson

Como Colocar Imagem no Título de Postagem

Hey, pessoal! Tudo bem?
Recentemente, na página Peça Tutoriais, eu recebi um pedido de tutorial de como colocar imagem no  título de postagem.
Eu fiquei com vontade de postar isso não só por que é um pedido, mas por que eu também tinha vontade de ensinar isso!
Bem, vamos logo ao assunto.
Abra seu editor de imagem (usaremos o Fireworks) e crie um novo arquivo com 625 de largura por 39 de altura:

Agora vamos começar a edição.
Primeiro, faça um retângulo.

Depois disso, troque as cores para as cores do seu template.

Agora, coloque alguns efeitos... Uma boa é fazer um simples retângulo branco por cima e deixar com pouca opacidade:

Pra terminar, coloque algum objeto, pinguim, ou puffle.

Bem, agora salve.
Agora vá em algum site que hospede imagens (como Imgur ou Tinypic). Agora vá no HTML do seu blog e procure por .post h3 {. Quando achar, troque tudo de lá por este código:

.post h3 {
background-image:url(Direct Link da Imagem);
color:#ffffff;text-shadow:1px 1px 0px #ffffff;font-size:18px;font-weight:regular;
line-height:32px;
letter-spacing:-1px;padding:0 0 0px;text-align:center;height:36px;
margin-left:-5px;padding-left:10px;padding-top:3px
}
}

Onde tem Direct Link da Imagem, troque pelo direct link da imagem que você hospedou.
Depois, salve o HTML e teste!
E é isso! Espero que tenham aprendido! Até mais!
~Son Ivson

Encomenda n° 2

Hey pessoal! Tudo bem?
Bem, como puderam ver, essa foi nossa segunda encomenda...
Quem nos encomendou foi a Mel, e ela nos pediu um banner e um fundo listrado. Vejam:

Bem, eu achei legal :B
Bem, é isso pessoal! Até.

Fontes ao Máximo - Toda Família Burbank

Hey pessoas! Faz um tempo que ninguém posta nada aqui no blog, não? Então resolvi postar mais um

Sim, o Fontes ao Máximo voltou, e postando não uma, não duas, nem três, e sim uma pack cheia de fontes, com toda a família da fonte Burbank. Pra quem não sabe, Burbank é uma das fontes mais usadas no CP.
Ela é usada em várias coisas, como catálogos.
Geralmente, se você for procurar essa fonte na internet, pode ser que não consiga baixar a não ser que pague. E por isso resolvi postar logo toda a família dessa fonte!
Quer fazer download?
VAI FICAR QUERENDO!
Zoera! Clique aqui e você poderá baixar as fontes!
Usem essas fontes com sabedoria!
E é isso! Até!
~Son Ivson

Como mudar a cor no Photoshop

E aí, pessoal!? Tudo bem? Hoje eu vou postar um tutorial diferente dos que eu tinha planejado: O Tutorial de como mudar a cores no Photoshop.
Vamos lá. Primeiro pegue uma imagem qualquer, como esse puffle:

Agora abra o Photoshop (a versão que usaremos é CS6).
Abra a imagem no Photoshop e depois selecione uma cor e pegue seu formato hexadecimal como: #38dcff

 Depois, vá na ferramenta de seleção (ou varinha mágica) e selecione toda a cor que você quer trocar.

Agora, vá em Imagem>Ajustes>Preto e Branco.

Agora clique na caixinha colorir e clique duas vezes na caixinha com cor.

Vai abrir uma janela e nela troque a cor Hexadecimal pela que você quer trocar.

Se não ficar com a cor que você quer, mexa um pouco mais na saturação e nas outras coisas.

Quando terminar, deve ficar assim:

 Como podem ver, eu mudei a cor do puffle para azul! Isso também funciona com outras cores de outras coisas! Por exemplo:

Antes

Depois

Algumas vezes, quando se vai mudar a cor, a cor pode ficar muito clara ou escura, mas é só ajeitar um pouco que pode ficar bom, mas o básico eu expliquei.

Bem, é isso! Até mais!

Tchau!

~Son Ivson

Como aplicar fundo com paisagem descendo

Hey pessoal! Son Ivson aqui!
O blog estava parado mas resolvi voltar com um dos Tutôs que prometi, o de como colocar fundo com paisagem descendo.
Muitos de vocês de perguntam-se "Ué como assim? Paisagem descendo?" Sim! Paisagem descendo!
Para explicar melhor: Sabem aqueles blogs que tem uma paisagem que você desce e o mar desce também? E no rodapé geralmente tem coisas como peixes, sereias, puffles nadando (o rosa por exemplo)... Então, vou ensinar a fazer um desses!
Primeiro, escolha um fundo bom para fazer isso, este:

Agora pegue a ultima cor do mar, que é #018BB9.
Agora vá no HTML do seu blog e procure por body {
No primeiro que achar, troque o link do fundo pelo link direto da imagem que escolheu, e troque a cor pela cor da ultima listra do mar (que no caso é #018BB9).
Agora vem a parte mais importante: troque o fixed, ou a outra palavra que tiver depois do link da imagem, por repeat-x center top.
Ao terminar, o HTML deve estar assim:

Agora, para terminar, faça um rodapé com um tema "fundo do mar" para combinar com o fundo que você fez!
Espero ter ajudado!
É isso! Até mais!
~Son Ivson