7 de ago de 2012

Selinho + Borda hover em qualquer imagem


Ooi gente! Bom dia! Como vão vocês? Espero que estejam bem, assim como eu. Estou me surpreendendo com meus "talentos" de HTML rs' (como se eu tivesse algum). Ganhei um selinho do Manguita Rosa, muito obrigada! 


Regras:
1-linkar o blog que te indicou: Manguita Rosa
2-avisar os blogs que foram escolhidos
3-colocar o selinho no blog
4-escolher 10 blogs para presentear


É difícil escolher 10 blogs, vou colocar uns cinco.


Já já eu aviso as meninas, daí elas já pegam o selinho.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Agora vamos ao tutorial do post, eu montei esse código baseado em um código encontrado no Kawaii World, então créditos ao blog. As bordas você poderá colocar em qualquer imagem.

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

.imagem{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #43CD80;
padding: 3px;
}
.imagem:hover {
background-color: #66CD00;
padding: 3px;
}

Entendendo o código:

A parte em negrito é quanto a borda será arredondada.

 A parte em sublinhado é a cor da borda, tanto no hover quanto no "normal". Utilize essa tabela de cores para mudar.

Para usar a borda, cole em gadgets, na postagem, onde quiser:

<img src="URL da imagem" class="imagem"/>
Se quiser redirecionar a imagem a algum link, cole:

<a href="Link para redirecionar" title="Título do link"><img src="URL da imagem" class="imagem" /></a>

Espero que gostem do código, se forem repassar creditem.

Um grande beijo.

4 comentários:

  1. Amei o selinho mas eu não recebo kk , só recebi um até agora.
    Mas como eu amei esse irei receber sim ^_^ mas tem um problema eu não irei repassar , ok?
    Amei o tutu :3
    www.sweetbombgirl.blogspot.com

    ResponderExcluir
  2. Ai que legal esse tutu!! Adorei ele, muito legal AMEIIIIIIIII!!
    UM beijão Fofa :D

    http://coffemilia.blogspot.com.br/

    ResponderExcluir
  3. Adorei, vou usar *-*
    Beijo, obrigada (:
    candygirl-blog.blogspot.com

    ResponderExcluir
  4. Legal o tutorial.. mais ele não combina com meu layout no momento =/
    Beiijos :3
    Sweet Wordeland

    ResponderExcluir

Obrigada por ler e comentar!
Deixe o link do seu blog (ou seu perfil aberto) para que eu possa retribuir. Não gosto muito de responder dúvidas via comentários, então prefiro que você mande na ask ali ao lado ->
Comentários de divulgação sem nada sobre o post não serão retribuidos. Fale pelo menos um pouquinho sobre o post, por favor.
Faça aos outros aquilo que você quer que façam para você.