Oláaa hipers! gente, essa semana eu fiquei muito feliz com os meus dois primeiros pedidos de tutorial! Uma leitora aqui do blog pediu um tuto que dissesse: COMO EU FIZ O MEU STATUS. Bom, foi fácil. Eu usei o HTML do Inovando HTML. Dá uma espiadinha:
Bom, primeiro, procure por </style> e cole ANTES o seguinte código:
.heart {background: #cor_do_background; font-family: trebuchet ms; font-size: 11px; margin: 1px; color: #cor_da_fonte; display: block; -moz-box-shadow: inset 3px 0 0px 0 #cor_da_borda; -webkit-box-shadow: inset 3px 0 0px 0 #cor_da_borda; box-shadow: inset 3px 0 0px 0 #cor_da_borda; padding: 3px 3px 3px 6px; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out;} .heart:hover {-moz-box-shadow: inset 550px 0 0px 0 #cor_da_sombra_hover; -webkit-box-shadow: inset 550px 0 0px 0 #cor_da_sombra_hover; box-shadow: inset 550px 0 0px 0 #cor_da_sombra_hover; color: #cor_da_fonte_hover;} .heart a{color: #cor_do_link;} .heart b{color: #cor_da_fonte_negritada;}
Depois, adicione um Gadget: HTML/JAVA SCRIPT. Use o seguinte código:
<div class="heart">O que vc quer escrever e etc...</div>É muito facinho! espero que funcione com vocês!
BEIJOS ;*
Nenhum comentário:
Postar um comentário