Helping HTML

terça-feira, 17 de julho de 2012

Sombra no texto do blog

Hoy pessoas lindas *-* Tudo bem com vocês? Faz tempo que eu não posto, né? Mais eu deixei um avisinho na fanpage :) Mais voltei com um super tutorial aqui no FT.
Resultado:

Abra o seu HTML, e procure por body {

Abaixo desse código cole:

Edite a cor e o tamanho como preferir.
Créditos + Dica extra: Cherry Bomb!
Beijos caramelados

Sombra no texto do blog

Hoy pessoas lindas *-* Tudo bem com vocês? Faz tempo que eu não posto, né? Mais eu deixei um avisinho na fanpage :) Mais voltei com um super tutorial aqui no FT.
Resultado:

Abra o seu HTML, e procure por body {

Abaixo desse código cole:

Edite a cor e o tamanho como preferir.
Créditos + Dica extra: Cherry Bomb!
Beijos caramelados

sábado, 7 de julho de 2012

Gente, todo esse tempo eu quis fazer algo fofo para o blog. Mais sabe, eu cresci! Não tenho os mesmos interesses de antes, não gosto mais de coisas fofas, não mais um quarto lotado de Cupcakes (~~perai, pra que a letra maiúscula?~~),não quero mais ser professora, bailarina e tal. Tenho outro estilo, outra aparência (~~com muito mais espinhas agora :l~~), outro estilo de vida. Quer saber? Eu cresci!

Quer saber, eu cresci!

quinta-feira, 5 de julho de 2012

Menu deslizante

Tumblr_ljc2uinx4y1qbwryro1_500_large_large

Oi gente! Tudo bem?! Hoje vim postar um tutorial que achei lá no Cherry Bomb, onde os créditos vão devidamente pra lá :)

O menu é igual o do FT:

Lindo, né? Vamos aprender a fazer?

Aperte em Mais

Abra o seu HTML e procure (Ctrl F) por <head>

Depois, cole abaixo dessa tag:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'>
</script>
<script type='text/javascript'>
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.addDiv('lion', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>

Depois salve.

Após fazer isso, vá em Layout, adicione um Gadget de HTML

HTML/JavaScript

Adicionar funcionalidade de terceiros ou outro código a seu blog.
Por Blogger

E lá, cole:

<center><a href="#" rel="toggle[rabbit]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 1</a> |
<a href="#" rel="toggle[dog]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 2</a> |

<a href="#" rel="toggle[cat]" data-openimage="collapse.jpg" data-closedimage="expand.jpg">Título 3</a></center>

<div id="rabbit" style="display:none">
Conteúdo do menu deslizante 1
</div>
<div id="dog" style="display:none">
Conteúdo do menu deslizante 2
</div>
<div id="cat" style="display:none">
Conteúdo do menu deslizante 3
</div>

Ai é só preencher com o que você quer.

Fica lindo, né? Qualquer dúvida é só comentar aqui em baixo, ok?

Beijos!