3 efeitos de bordas para imagens


Olá gente tudo bem com vocês? Comigo estava, estou tão decepcionada com uma pessoa que nossa perdi totalmente a confiança nos outros e vontade de ajudar os outros, isso é tão deprimente pois estava tão alegre achando que alguém realmente gostava de mim e que me apoiava como amiga e como colega de blog, mas que grande erro. Então depois que muitas blogueiras de sucesso saem da blogosfera e mandam tudo isso aqui a merda vocês ficam reclamando né? Mesmo a gente tentando se afastar de grupinhos idiotas que ficam o dia inteiro gerando tretas a gente sempre aparece no meio e isso é bem engraçado. Nunca fui muito de ficar comentando assuntos polêmicos por ser justamente uma perda de tempo, são menininhas invejosas que ficam destilando veneno e suas frustrações por não conseguirem serem boas na área de html ou em qualquer outra ¬¬

Bem nem vou mais escrever nada sobre isto pois os poucos que gostam de mim e os que também não gostam já devem saber do que estou falando, nem adianta vir me perguntar sobre de quem estou falando pois não irei perder meu tempo. Agora mudando da água para o vinho o post de hoje é sobre efeitos em bordas, tipo eu amo efeitos assim para usar em imagens no blog, e os lugares mais legais para usar são em avatares, imagens que vão nos banners ou em qualquer outro lugar que a pessoa queira um efeito mais simples mas fofo ao mesmo tempo. Sei que muitos não gostam de efeitos espalhafatosos pelo simples fato de seus layouts já chamarem atenção em algumas partes e então preferem efeitos assim. Eu mesma amo efeitos assim e sempre usei alguns que eu mesma criei, então essas bordas eu fiz para quem quer um efeito simples e as vezes não acham na net!!


LIVE PREVIEW [̲̅♥̲̅]

Vá até o modelo e em editar html, dentro procure por: }]]></b:skin> acima dele cole o modelo que preferir:


Efeito 1:
.afiliate {opacity:0.7; padding: 1px;border: 4px double #FFCFCF;outline: solid 1px #FFCFCF;outline-offset: -1px;border-radius:2px;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; }
.afiliate:hover {padding: 1;border: 4px double #FFC8D4;outline: dotted 1px #FFCFCF;outline-offset: -9px;opacity:0.9;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
Link:
<a href="LINK"target="blank" title="NOME"><img src="IMAGEM" width="50px"class="afiliate" /></a>

Efeito 2:
.afiliate2 {background:#fff;opacity:0.7;padding: 1px;border: 4px double #FFCFCF;outline: solid 1px #FFCFCF;outline-offset: -1px;border-radius:2px;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.afiliate2:hover{background:#fff;padding: 1;border: 4px solid #FFD0D0;opacity:0.9;-webkit-box-shadow: inset 50px 30px 0px 30px #FF8888;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

Link:
<a href="LINK"target="blank" title="NOME"><img src="IMAGEM" width="50px"class="afiliate2" /></a>

Efeito 3
.afiliate3 {background:#fff;opacity:0.7;padding: 1px;border: 4px double #FFCFCF;outline: solid 1px #FFCFCF;outline-offset: -1px;border-radius:2px;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
.afiliate3:hover{background:#fff;opacity:0.9;padding: 1;border: 4px double #FFC8D4;outline: double 4px #FFB2B2;outline-offset: -6px;-webkit-box-shadow: offset 70px 50px 0px 50px #fff;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

Link:
<a href="LINK"target="blank" title="NOME"><img src="IMAGEM" width="50px"class="afiliate3" /></a> 


Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

18 comentários:

  1. Ah, eu gosto de você Roh :3 Os efeitos ficaram perfeitos.
    Nikki | vampire-kawaii.blogspot.com.br

    ResponderExcluir
    Respostas
    1. UHASUHAUS obrigada amor fico bem feliz >.<

      Excluir
  2. Sinto muito por você Roh, isso é chato mesmo né? Não fique decepcionada TuT
    Adorei os efeitinhos, são bem fofinhos.

    ¥ beijos, e-arlywinter.blogspot.com ~

    ResponderExcluir
    Respostas
    1. Verdade são sim, mas agora estou melhor >.< obrigada!!

      Excluir
  3. Nossa Roh, é uma pena mesmo vermos pessoas que tanto nós confiávamos simplesmente, "virarem as costas" para a gente.. Enfim, aqueles que realmente gostam de você estarão ali nos tempos mais difíceis e pode ter certeza que os leitores daqui vão te ajudar muito!
    Indo ao assunto do post, achei super fofo o efeito, principalmente o segundo, achei um pouquinho mais simples. Mas todos estão lindos *u*
    Beijos | Brigadeiro Vintage

    ResponderExcluir
    Respostas
    1. Sim é muito chato mas já resolvi e agora estou bem melhor ^^ e fico feliz que tenha gostado dos efeitos >.<

      Excluir
  4. Verdade nem liga viu Roh , pura inveja desse povo :v
    Tambem não curto muito efeitos 'espalhafatosos' até porque pesam um pouco no carregamento q. Mas esse tá lindaum ^u^

    geekegirlie.blogspot.com ~

    ResponderExcluir
    Respostas
    1. UHASUHAShuahs ok amor, sim efeitos simples são bem legais para blogs que são mais elaborados né? ^^

      Excluir
  5. Adoreeei os efeitos *o*
    Super legais até me viciei auhsus

    Beijos <3
    http://p-perfectsthings.blogspot.com.br/2014/05/projeto-acede-participem.html

    ResponderExcluir
  6. Q amor *-* lindos!
    bjs *3*
    http://dooceutopiia.blogspot.com.br/

    ResponderExcluir
  7. Estou bem e você ?
    Hey ! Não liga para isso não, é apenas muita inveja da sua criatividade e talento !
    Os efeitos ficaram lindos !
    Pensando em usar um deles no meu próximo layout !

    Beijos e boa semana ! || Even More

    ResponderExcluir
    Respostas
    1. Agora bem melhor obrigada ^^ sim fique a vontade amor.

      Excluir
  8. Apesar de eu não conhecer muito você e teres comentado apenas uma vez aqui como você no meu blog (ops duas com essa hehe) eu acho você uma ótima pessoa, você é super legal com seus leitores, nem dá bola pra esses tipos, isso é inveja, eu sempre digo que as pessoas colocam defeitos no que queriam mas não podem ter :3
    Realmente essas bordas quase nunca se acha na net e eu como sou meia (totalmente) burra pra essa coisa de borda tenho que procurar USHAUSHUAH' que bom que postou isso, adorei :3
    Beijocas :* || Inside

    ResponderExcluir
    Respostas
    1. Awnnnnn obrigada *-----*, sério que comentamos tão pouco assim uma no blog da outra? Iremos melhorar isso hein? Obrigada linda e espero que seja de boa utilidade este efeito ;)

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017