Magicamente Inexplicável: Mais tutoriais!

Hello! Vamos a mais tutos, estou muito triste, não recebo mais comentários no blog, aqueles que me elogiam, nem que seja uma por postagem eu já estou feliz, você poderiam fazer um favor para mim? Serei muito grata se fizerem! Sigam o Cherry Goody, e por favor, nos divuguem, vou fazer o link rapidinho! Muito obrigada! Agora você vão ver um monte de tutoriais. Prontos?

Menu com Imagens

A primeira coisa é saber o tamanho certo, não vá fazer um menu com largura duas vezes maior que seu banner, tenho um bom senso.

Vamos supor que o seu menu é esse:

Ele está em uma imagem só, o que você vai fazer é deixar ele separadinho, assim:

Feito isso é bem simples:

Hospede suas imagens em algum lugar [ eu uso photobucket ] e vá em editar HTML .

Aperte Ctrl + F e procure por </header> e cole acima dela isso:

<div class='widget-content'>

<center>

</div>

Se quiser adicionar mais imagens repita o

<a href='LINK 1 AQUI'><img src='IMAGEM 1 AQUI'/></a>

Visualize para ver se está tudo certo e salve (:

2 colunas laterais

1-Vá em Vá em design-> Design do modelo-> Layout.

2-Vá em Ajustar larguras em cima de Layout. E deixe desse jeito.e clique em aplicar no blog.

3-Hospede essa imagem ↓(Ou uma editada por você) ou no tinypic/photobucket/picasa/etc..

4-Vá em design->editar HTML-> tecle ctrl+Fe procure por ↓ se você estiver escolhido a coluna direita

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

5-Procure por ↓ se você estiver escolhido a esquerda

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

6-Vai aparecer assim:

main-inner .fauxcolumn-right-outer .fauxcolumn-inner {margin-right: $(content.padding);background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}

7-Substitua a parte destacada em negrito por:

background: url("URL DA IMAGEM") repeat;

8-Onde tem "URL DA IMAGEM" cole o link direto da sua imagem ,e pronto.

Coloque sombra no texto dos posts

Vá em Design, Editar HTML, tecle CTRL+F e procure por:

.main-inner .column-center-inner {

Logo abaixo cole o seguinte codigo:

text-shadow:#767676 0px 0px 1px;

Agora é só modificar do seu gosto, ou da forma do seu blog *--*.

Mudar Emoticons no Cbox

Primeiro vá em Options e depois em Smilies .

E mude de acordo com a imagem abaixo:

O código do emote é o que você vai digitar pra fazer ele aparecer, o segundo código é a mesma coisa. Se eu digitar :) ou :-) o mesmo emote vai aparecer.

No link da imagem é o seu emote, troque por uma de sua preferência.

New Row cria um novo emote, no lugar de substituir . E quando terminar clique em Save Changes.

Barra lateral com fundo

Primeiro, vá em Design → Editar HTML

Se você quiser colocar o fundo na barra lateral esquerda procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Se você quiser, colocar na barra lateral direita, procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Depois que achar, apague essa parte do código:

E substitua por esse outro código:

url(LINK DA IMAGEM) repeat;

Agora basta você hospedar sua imagem, em um site como, (photobucket, imageshak, tinypic ,imgur)

Visualize para ver se está tudo certinho e salve.

Como usar textura de luz!!

~ ~ Photofiltre ~ ~

Abra sua textura de luz, e a imagem, duplique a imagem, e arrume a textura na sua imagem, na barra de ferramentas abra a "ferramenta gerenciador de camadas"

E em modo de mistura clique em máximo ou divisão ou sobrepor .

Resultado

~ ~ Photoscape ~ ~

Abra sua imagem, e vá para a ala objeto, no quadrinho onte tem um monte ver clique e abra sua textura, arruma sua textura do tamanho da imagem, vá em opacidade e vai diminuindo conforme você desejar, depois clique em Foto + Objeto e combine a foto com a imagem

Resultado

Colocando Barrinhas divisorias

Vá em Design → Editar HTML

Marque o quadradinho

"Expandir modelo de windget" e F3 ou CTRL+F e procure por:

<b:include data='post' name='post'/>

Logo abaixo desse codigo cole:

<center><img src="LINK DA IMAGEM"/></center>

E hospede sua barrinha em um site como (tinypic,imageshak,imgur,photobucket) e solte sua imaginação deixe sua barrinha da forma do seu blog.

Tutorial - Patterns no Photoshop

1 - Clique duas vezes na camada que deseja aplicar o pattern, lá naquela listinha de sempre. Vai abrir o Layer Style e você deve marcar a caixinha de Pattern Overlay.

2 - Clique naquela setinha lateral no menu de patterns e vá em Load Pattern. Depois é só selecionar seu arquivo e pronto.

Efeito Glow no Photoshop

O efeito é simplesmente aquele brilho por fora das palavras, imagens, etc.

1. Vá até seu Photoshop, digite sua palavra, faça seu shape, abra sua imagem ou o que for.

2. Clique duas vezes na camada do seu material e uma janelinha vai abrir. Marque nela a caixinha de Outer Glow ou "Brilho" se seu Photoshop for em Português.

3. Você vai configurar como quiser eu recomendo o seguinte:
1. Blend Mode: Normal 2. Opacity: Abaixo de 70% 3. A cor igual a da sua palavra 4. Size de 10 à 15 px
4. Prontinho (:

Substitua "Postar um comentario" por uma imagem

1º Vá em design→editar HTML e clique na caixinha "Expandir modelos de widgets".

2º Aperte CRTL+F e procure por:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

3º Apague a parte em rosa e substitua por esse outro codigo:

<img src="URL DA IMAGEM"/>

4º Agora hospede sua imagem desejada em algum site e cole o URL dela onde está escrito URL DA IMAGEM.

Prontinho, gostaram? Comentem !
Créditos ao Kawaii Word!

22 novembro 2012

Mais tutoriais!