6 de mai de 2012

Mini gif's marcando e desmarcando



A @Layla na Cbox, vou postar alguns minigif's que eu encontrei no blog evelyns-Palce, espero que te ajude.

 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Primeiramente, aqui tem alguns mini gif's.


E agora o tutorial.
Vá em Design >> Editar HTML marque a caixinha "Expandir modelo de widget"
Tecle F3 ou Ctrl+f e procure por:
]]></b:skin>
Logo antes dele, cole esse seguinte codigo.
#menuextra{
display: block;
font-size: 11px;
letter-spacing: 0;
border-bottom: 1px dashed #CDB7B5;
background-repeat: no-repeat;
text-indent: 5px;
vertical align : middle;
text-decoration: none;
line-height: 15px;
margin-bottom: 1px;
background : url('URL DO MINI GIF 1') no-repeat left;
padding-left: 10px;
}
#menuextra:hover{
display:block;
text-decoration: none;
vertical-align: middle;
line-height: 15px;
border-bottom: 1px dashed #FF69B4;
background : url('URL DO MINI GIF 2') no-repeat left;
padding-left: 10px;
}


Agora, pegue o link do primeiro gif, e cole onde está escrito "Url do mini gif 1", agora escolha o segundo gif, no qual ele aparecerá quando passar o Mouse e coloque onde está escrito, "Url do mini gif 2".

• Creditos ao Blog Sweet Poison •





3 comentários :

  1. Layla: rutch ta faltando o desmarcado (: ai so tem o marcado ;(

    ResponderExcluir
  2. huhu achei http://bombadeglitter.blogspot.com.br/2011/06/wishlist-faca-sua.html

    ResponderExcluir
  3. Da proxima, explica mais detalhadamente, para eu entender

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.