Tutorial : Modelo de agenda/status

Annyeonghaseyooo ! ʕᵔᴥᵔʔ

Gente agora que eu percebi que a Taeyeon (xxx) do Girls Generation tem um vozeirão e as músicas solo dela são muito boas. Quem quiser conhecer ela recomendo que ouça Why (xxx) e 11:11 (xxx). Provavelmente você irá amar as músicas dela.

Enfim, hoje vim mostrar pra vocês um modelinho de agenda e status para vocês.

Primeiramente achei o código desse modelinho no Fluffy White (xxx), então se você quiser postar esse modelinho de agenda/status dê os créditos para o ICC e para o Fluffy White.

Preview ʕっ•ᴥ•ʔ

Como usar o efeito

Vá até Modelo > Editar HTML e vai clicar em CTRL + F

e vai pesquisar ]]></b:skin>. Depois vai colar o código 

acima de ]]></b:skin>.

Clique em Leia Mais

div.likeboxwrap iframe {margin:-1px}@font-face { font-family: Smallest ; src: url('http://static.tumblr.com/aicgjw6/7VGmoaydh/smallest_pixel-7.ttf') }

.status{font-family: Smallest ;border-radius:2px;width: 230px;border: #fff 1px solid;

box-shadow: inset 1px 1px 0 #fff;opacity: 0.8;

background: #fff;padding: 5px;margin-bottom: 2px;text-align: left;font-size: 10px;color: #fff;}

@-webkit-keyframes lower {0% {opacity: 0;-webkit-transform: translateY(-2000px);}60% {opacity: 1;-webkit-transform: translateY(30px);}80% {-webkit-transform: translateY(-10px);}100% {-webkit-transform: translateY(0);}}

.status:hover{text-align: right;opacity: 1.0; color: #fff;}

.status1{font-family: Smallest ;border-radius:2px;width: 230px; border: #fff 1px solid;

box-shadow: inset 1px 1px 0 #fff;

background: #fff;padding: 5px;margin-bottom: 2px;text-align: left;font-size: 10px;color: #fff;opacity: 0.8;}

.status1:hover{text-align: right;opacity: 1.0; color: #fff;

}

O roxo é para mudar a cor.

Agora vá em Layout > Adicionar um Gadget e clique em HTML/Java Script e

cole o código abaixo.

<div class="status"> 00/00<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" /> Escreva </div><div class="status1"> 00/00<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" /> Escreva </div><div class="status"> 00/00<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" /> Escreva </div><div class="status1"> 00/00<img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Coracao.gif" />  Escreva </div>

O vermelho é para alterar o que se pede

Annyeong !