10/05/2013

khfddghjh


Tumblr_lwbd1d4ebk1r87h2qo1_500_large
cole o seguinte código:
text-shadow:#767676 0px 0px 1px;
Agora é só personalizar. Aconselho a vocês a nãaaaao mexer no " 1px ", pois fica muito exagerado se aumentar este número. Altere apenas a cor. Beeem si

gggggggg


1- Vá até Design, Elementos de Página, adcione um Gadget HTML/Javascript e adcione o código abaixo:
div style="text-align: center;"><span style='-moz-border-radius: 7px; background-color:#f781f3; padding: 5px 15px 5px15px;'><a href="LINK 1 ">categoria 1</a></span> <span style='-moz-border-radius: 7px; background-color:#58acfa; padding:  5px 15px 5px 15px;'><a href="LINK 2">categoria 2</a></span> <span style='-moz-border-radius: 7px; background-color:#81f79f; padding: 5px 15px 5px 15px;'><a href=" LINK 3 ">categoria 3</a></span> <span style='-moz-border-radius: 7px; background-color:#f78181; padding: 5px15px 5px 15px;'><a href=" LINK 4 ">categoria 4</a></span> <span style='-moz-border-radius: 7px; background-color:#f2f5a9; padding: 5px 15px 5px 15px;'><a href="LINK 5">categoria 5</a></span><br /><br /></div>

CSS


Tumblr_lwbd1d4ebk1r87h2qo1_500_large
Hoje vou ensinar pra vocês como fazer um menu bem fácil e que não envolve CSS (Ou seja, é só um passo). Ele ficará assim:  
1- Vá até Design, Elementos de Página, adcione um Gadget HTML/Javascript e adcione o código abaixo:

tdiaryofteens.blogspot.com


Tumblr_lm14b5zsdp1qbz4ygo1_500_large
Como prometido no ultimo post, vou ensinar pra vocês como colocar sombra no texto dos posts (pela foto não dará pra ver a diferença, mas fica muito fofo!), vejam um exemplo:
Gostou? Clique em Leia o resto da postagem para ver o tutorial completo.
1- Vá até Design, Editar HTML, aperte CTRL+F ou F3 e procure por:
.main-inner .column-center-inner {
Logo abaixo cole o seguinte código:
text-shadow:#767676 0px 0px 1px;
Agora é só personalizar. Aconselho a vocês a nãaaaao mexer no " 1px ", pois fica muito exagerado se aumentar este número. Altere apenas a cor. Beeem simples não é? 

39 comentários:

Maristela disse...
Olá estou procurando afiliados para afliar o blog
aceita afiliação http://tudoparaorkutfeniniemasculi.blogspot.com
espero resposta
Marcinha @GuysMcFLY disse...
hmm legal, estou pensando seriamente em usar rsrsrs
ótimo tutorial.
bjoo
tdiaryofteens.blogspot.com
Juuh s2 disse...
parece que fica legal
beijos,
http://s2juuh.blogspot.com/

.main-inner .column-center-inner {


Tumblr_lm14b5zsdp1qbz4ygo1_500_large
Como prometido no ultimo post, vou ensinar pra vocês como colocar sombra no texto dos posts (pela foto não dará pra ver a diferença, mas fica muito fofo!), vejam um exemplo:

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


298272_261125473912186_200881573269910_933134_170028_n_large
O Pink Skull design me salvou com esse tutorial! Graças a ele é possível colocar a barra de rolagem colorida, nos navegadores Google Chrome, Safari e Internet Explorer, como eu fiz aqui no blog. É muito fácil, o problema é que não funciona no Firefox e muito menos no Opera. Sua barra de rolagem similar a essa:

, ele vem assim:



Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:








Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:









Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:








Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:





Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:

Editar HTML, aperte CTRL+F


Imagem do blog Menina Nerd.
1-  Para colocar a barra de rolagem colorida, vá até Design, Editar HTML, aperte CTRL+F e procure por:
]]></b:skin> 
E cole ACIMA o seguinte código:

::-webkit-scrollbar {width: 12px; height: 4px; background:#343434; }
::-webkit-scrollbar-thumb { background: #ff004d; }
*{
scrollbar-face-color:#ff004d;
scrollbar-highlight-color:#ff004d;
scrollbar-3dlight-color:#343434;
scrollbar-darkshadow-color:#343434;
scrollbar-shadow-color:#ff004d;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}
Visualize e só salve se tiver dado certo. Lembrando que só irá dar para você visualizar se você estiver utilizando o Internet Explorer na hora de fazer esse tutorial.


2- Comentar dizendo se usou.
Lembrando que você só poderá visualizar se o efeito deu certo se estiver utilizando o Google Chrome, Internet Explorer ou Safari.
Para alterar as cores, mude o código de cores do que está em rosa.
Esse tutorial pra mim foi um achado HAHA, Beijos

Barra de rolagem colorida


298272_261125473912186_200881573269910_933134_170028_n_large
O Pink Skull design me salvou com esse tutorial! Graças a ele é possível colocar a barra de rolagem colorida, nos navegadores Google Chrome, Safari e Internet Explorer, como eu fiz aqui no blog. É muito fácil, o problema é que não funciona no Firefox e muito menos no Opera. Sua barra de rolagem similar a essa:
Imagem do blog Menina Nerd.
1-  Para colocar a barra de rolagem colorida, vá até Design, Editar HTML, aperte CTRL+F e procure por:

Retirar as bordas do template Viagem


Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:








Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:









Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:








Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim:





Um anônimo me pediu por aquele chat que você pode falar comigo, para eu postar um tutorial de como se retirar as bordas do nosso querido template Viagem. Então, é a seguir! Eu aprendi com a Candy do nosso Trechy Teen.

Quando você escolhe o modelo Travel (Viagem), ele vem assim: