
Visualização

Tutorial
Vá em Modelo > Editar HTML e cole acima de ]]></b:skin>:
.deslizante {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #ffffff; /* Cor do fundo */
padding: 5px; /* Não mude */
width: 131px; /* Largura */
height: 82px; /* Altura */
position: fixed;
top: -68px; /* Sobe a caixinha*/
left: 50px; /* Afasta a caixinha da esquerda */
font-family: Tahoma;
font-size: 11px; /* Tamanho da fonte */
text-align: center; /* Alinhamento do texto */
-webkit-transition-duration: 0.80s;
}
.deslizante:hover {
top: 0;
}
.desim {
opacity: 0.6;
}
.desim:hover {
opacity: 1;
}
Agora, num gadget html/javascript, cole:
<div class="deslizante">
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<br/>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<a href="URL" title="NOME"><img src="IMAGEM-30x30" class="desim" /></a>
<br />
Blogroll
</div>
Todas as dicas no post são para caso você queira ir mudando a caixa, se não quiser mudar, não é necessário. Enfim, espero que tenham gostado do tutorial, qualquer dúvida é só comentar aqui <3
Amore, não sei porque, mais aqui não aparece :c
ResponderExcluirEu não conhecia a Chloe, mais achei ela tao linda que fiz uma capa pra mim hoje dela. O resultado ficou maravilhoso!
Beijos Brenda
Tem que ir abrindo as setihas.
ExcluirO que não aparece? É o tuto ou o editor html?
ExcluirAdorei o tutorial ><
ResponderExcluirDa uma passadinha no meu blog?
Segue se gostar?
http://theworldoflena.blogspot.com.br/
Que bom que gostou, visito sim :3
ExcluirTem um selinho pra você, lá no meu blog ! Vai lá ver !
ResponderExcluirhttp://menina-fashio.blogspot.com.br/2013/04/selinho.html
Não aceito tags nem selinhos ;/
ExcluirOnnnnnw meu *-* que lindo
ResponderExcluirJa ta nos favoritos
cute-bii.blogspot.com
Bem perfeito! Amei!
ResponderExcluirBeijo, Lili
Princesa Teen / O blog.
Eu no youtube / Maquiagem, dicas, DIY...
Esse tuto é bem útil (:
ResponderExcluirMuito legal a dica flor!
ResponderExcluirQue sua semana seja cheia de surpresas boas
saúde, sucesso e muito amor!!
(⁀‵⁀) ∞ ღ ∞
.`⋎´ღ¸.•°*”˜˜”*°•ღ
http://www.coisasdeladdy.com/2013/04/voce-me-faz-querer-viver.html
Legal muito legal mesmo
ResponderExcluirhttp://cupcakescoloridoscc.blogspot.com.br/
Legal :] Tô atrás desse tutorial faz tempo, mas todos que eu uso, não dão certo D: O seu deu :D Faz um tutorial ensinando a fazer esse efeitos nos comentários, igual o seu :) (Se já tiver feito, me avise ;D)
ResponderExcluirPEQUENA JULIETA
pequena-julieta.blogspot.com.br
Oi :3
ResponderExcluirEu queria perguntar, como que muda a cor *personaliza*,quando passa o mouse, aparece, tipo, sabe, igual ao tuto, de passar o mouse e aparecer,mas só que em mais coisas, e as cores diferentes, e formato diferente, fonte. etc ...
~ Things And Goodies :3 ~ thingsandgoodies-ana.blogspot.com
AAHH, vou usar quando fizer Games valendo Divulgação *--*
ResponderExcluirAmei o blog, super cute ^^
Beijoos!
caramelos-encantados.blogspot.com
Bem legal o tutu, tentei usar, deu certo... Mas eu tinha muitos afiliados e acabou que eles saíram da lista, rs.
ResponderExcluirMesmo assim, obrigada por disponibilizar o código ;D
Beijos, e fique com Deus!
Este comentário foi removido pelo autor.
ResponderExcluir