Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

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> 


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^)