Como colocar borda hover nos gadgets

Oi lindos, como estão? Eu estou bem, só que com dor nas costas (TДT). Hoje era pra eu ter ido encontrar um amigo, mas acabou não dando certo, então estou aqui nesse calor infernal e ainda com tédio, fazer o que. Amanhã vou tirar duas pintas ( estou morrendo de medo ç.ç ), vocês já tiraram alguma? Comentem por favor, tenho medo de que doa -q. Sobre o sorteio, eu tenho quase certeza de que vou fazer, só falta eu pensar no prêmio, que é a parte mais difícil, ou só na minha opinião >3<

Como já disse, vou começar a postar mais tutoriais, porque quando vi a página de categorias me assustei com a quantidade, tinham muito poucos tutoriais. Então, vou começar  a postar menos goodies, e mais tutoriais, seja para iniciantes ou não. Hoje escolhi postar o tutorial de como colocar borda hover no gadget, a coisa mais simples do mundo, mas que fica fofinho. Vamos ver?  \(◕ω◕✿)/ 


::Preview::

Vá em seu HTML, e procure por:
.sidebar .widget {
Apague-o, e o substitua pelo código abaixo:
.sidebar .widget {
background: #fff; /* cor do fundo do gadget */
border-bottom: 2px solid #ccc; /* cor da borda de baixo */
border-top: 2px solid #ffdade; /* cor da borda de cima */
box-shadow: 0 0 2px #ccc; /* sombra, se não quiser apague*/
}
.sidebar .widget:hover {
border-bottom: 2px solid #ffbfc7; /* cor da borda de baixo hover */
border-top: 2px solid #ffbfc7; /* cor da borda de cima hover */
}

58 comentários:

  1. Não, nunca tirei, não tenho nenhuma. Enfim, adorei, estava querendo saber, nunca funcionava comigo.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
    Respostas
    1. Que sortuda -q
      Que bom *u* Isso já aconteceu comigo :c

      Excluir
  2. Amei o tutorial, ficou bem explicado e fica muito fofo *---*
    Eu tenho várias pintas, cerca de 30 a 50 :s mas nunca tirei, pois a maioria se localiza na minha barriga, braços, etc :P. Mas já tirei várias verrugas, e posso dizer que se for por cauterização irá doer bastante :s. mas se for com points ou com uma maquininha não irá doer quase nada ♥ Boa sorte ashshua
    Kiss
    With You || Imperfectous

    ResponderExcluir
    Respostas
    1. Obrigaaaada ♥
      Então, mas é um tipo de verruga/pinta, não sei explicar AUHSASHU, meu pai disse que eles irão corta-la, mas antes darão anestesia, eu espero ç.ç
      Brigada UHEUHEUH

      Excluir
  3. Nunca tirei nenhuma pinta, boa sorte. Não conhecia esse modelo de borda, o que eu já vi era diferente dessa, mas essa é muito fofa >u<

    h-worlds.blogspot.com
    diamond-resources.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada uheuhe *--*
      Aah, que bom que gostou ♥

      Excluir
  4. Gentiiii '0' Que lay perfeito é este? E adorei o tutorial bem explicadinho
    Beijos

    http://world-butterflies.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awwwwn obrigada amore *0*
      Que bom que gostou :3

      Excluir
  5. Esse tuto é bem útil, adorei :3
    bjs

    breathingnewthings.blogspot.com.br

    ResponderExcluir
  6. Nunca tirei pinta, acho que sou um ser anormal, não tenho nenhuma, EUHEUH <33 Boa sorte! Ah! O tuto, tá tão fofo <3 Bem fácil de fazer tudinho!
    Beijos,
    www.bellaquebela.com

    ResponderExcluir
    Respostas
    1. Você é sortuda isso sim ç.ç Obrigada *u*
      Awn fico feliz que gostou \(◕ω◕✿)/

      Excluir
  7. Aqui tbm tá um calor horrivel! Tuto bem útil <3

    Sigam, sigo de volta: little-things-foryou.blogspot.com.br

    ResponderExcluir
  8. Adorei! Vou usar, sem dúvidas!
    Beijos | Brigadeiro-vintage.blogspot.com

    ResponderExcluir
  9. Nunca tinha visto esse, mas achei bem lindo!! E ninguém merece mesmo esse calor!

    beijos
    sim senhorita (clique aqui ou no perfil)

    ResponderExcluir
  10. Eu sei, me diz : Como parar esse calor dos inferno ?
    Nunca tirei nenhum, mas tipo, como eles tiram ? O.O
    Amei o tuto <3

    ha-unting.blogspot.com

    ResponderExcluir
    Respostas
    1. Quem dera eu soubesse :c
      Eles dão uma anestesia e cortam ela, eu acho UHEUHE meu pai já tirou e disse isso pra mim...
      Que bom <33

      Excluir
  11. Minha prima já tirou uma pinta, eu acho... Que eu saiba não dói, não! Boa sorte <3

    Adorei o tutorial! O resultado fica realmente lindo! ♥

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
    Respostas
    1. Ai bom saber *3* Obrigada ♥

      Que bom amor <3

      Excluir
  12. Adorei! E acho lindo gadgets assim, diferentes *-* Eu até tinha feito isso no meu lá no blog, mas ai achei melhor deixar mais simples mesmo.

    Bitocas!
    www.likeparadise.com.br

    ResponderExcluir
  13. Nunca tirei, eu tenho algumas mas são tão pequenas que nem dá pra ver , tomara que doa kalshaã~skas to brincando. Acho que esse tutorial deixa o lay tão fofinho :3
    -
    snowing-wishes.blogspot.com

    ResponderExcluir
    Respostas
    1. Entendi UHEUHE que maldade 3: q
      Eu também *u*

      Excluir
  14. Af, também não aguento mais esse calor, minha nossa! Amei o tutorial, lindo! ♥ Beijos
    coff-cake.blogspot.com

    ResponderExcluir
  15. Mds, eu nunca tirei uma pinta, aliás eu tenho uma no braço que eu estava tentando tirar com a unha esses dias huehue (obviamente não deu certo),, Boa sorte. Ótimo tutorial, borda hover fica lindo na sidebar ;3

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ai que horror HUEUHEHEUHEU só se eu coçar a minha dói pra caramba :c É hoooje, to muito nervosa huehue
      Obrigada *u*

      Excluir
  16. Á muito tempo tava querendo fazer esse tipo de borda, vou tentar! :)

    Nos visite! :) | Querido Vintage

    ResponderExcluir
  17. Faz um sorteio de um domínio e outro sorteio de um layout! Seria muito bom, aliás qual a blogueira que não vai querer ganhar um domínio próprio ou um layout?! #Dica

    Sobre o tutorial, achei muito, tipo, muito bom! :3

    http://simplekawaii.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Estou pensando nisso...Vou dar uma pesquisada >3<

      Obrigada *u*

      Excluir
  18. Nunca tirei uma pinta , alias não tenho muitas só sardas mesmo -q .
    Este tutorial é tão legal , os gadgets ficam tão fofos e meigos ^.^

    Kisses o3o

    s-noowing.blogspot.com.br

    ResponderExcluir
    Respostas
    1. SORTUDAAAA -q
      Também acho *3*

      Obrigada pela visita!

      Excluir
  19. Aqui na minha cidade tá aquela chuva de arranca os telhado ç.ç Bom eu já conhecia o tutorial é bem simples de se fazer <3

    FH♡

    ResponderExcluir
    Respostas
    1. Vishe UHEUHE de noite chove pra caramba aqui :s
      É mesmo ♥

      Obrigaada pela visita <3

      Excluir
  20. Nossa, não sabia disto, gostei muito em saber que é bem prático e fácil. Só precisa ter um pouco de paciência, que eis que consegue.
    Até mais :D
    http://realidadecaotica.blogspot.com.br/

    ResponderExcluir
  21. Já usei borda hover em um layout uma vez, e fica muito fofo! Adorei o tutorial, as legendas já ali pra facilitar e tudo mais :33

    Também fico puta com essas coisas de não entenderem e comentarem uma coisa nada a ver, mas deixa pra lá, é só explicar de novo (assim como você fez) e com educação xD
    Super apoio a campanha. Outro dia, sem querer acabei indo parar em um blog que era feito só pra criticar outros blogueiros (as), não sei se você já viu mas era cada coisa, a garota xingando e tudo mais, e eu fiquei tipo "pra que isso gente?". Realmente falta mais amor, não só na blogosfera mas no mundo todo.
    Mais amor, por favor!

    Beijão, Yay! Pixie

    ResponderExcluir
    Respostas
    1. Ai MEU DEUS, desculpa! Copiei sem querer o comentário do outro blog, só ignora, ok? usdhsdhd

      Excluir
    2. UHEUHEUHE eu imaginei, pois vi o post do Etc For Me UHEUHE imagina u.u

      Eu também acho que fica bem fofo :33
      Obrigada amr ♥

      Excluir
  22. Eu amo borda hover, fica tão fofo <33
    Eu justifiquei o texto e, realmente ficou bem melhor. Obrigada pela dica ^^
    Beijos Helo (posso te chamar assim? :33)
    http://nightingal-e.blogspot.com.br/
    http://g-arota-insana.blogspot.com/

    ResponderExcluir
    Respostas
    1. Eu também *0*
      Awwwn fico feliz que te ajudei, sério :33
      Beijos! Claro UHEUHEUH

      Excluir
  23. Que blog fofo meu Deus *-* Você tá de parabéns!!
    E adorei o tutorial!
    www.sweetspaceasj.blogspot.com.br

    ResponderExcluir
  24. Ahh! E segui seu blog! Muito fofo *-*
    www.sweetspaceasj.blogspot.com.br

    ResponderExcluir
  25. que lindo Helo , vou usar no proximo lay . Vai deixar ele divo 0/
    mudou o visu do blog? ta lindo *uu*

    ♥ G² || Official ღ

    ResponderExcluir
    Respostas
    1. Ooook <3 Awn *u*
      Sim uheuhe muito obrigada *3*

      Excluir
  26. Que bordinha meiga , adorei , talvez use ela no meu próximo lay >3<

    XOXO <3 || Senhorita Liberdade

    ResponderExcluir
  27. Eu tenho umas 50 por ser bem branquinha, mas nunca tirei e nem sabia que isso era possível SIUHAUHSIAUSIAHS' Mas não deve doer, são bem pequenas. Adorei o tutorial *-*

    Beijo, KW!

    ResponderExcluir
    Respostas
    1. Então, é que a minha é mais pra verruga, e se deixar ela ela vai crescendo até ficar enorme :c
      Que bom <3

      Excluir
  28. Já conhecia esse tutorial, é super fácil, a bordinha fica tão meiga :33

    Kiss, Fly Away

    ResponderExcluir
  29. É mesmo muito simples Helo, amei o jeito como fica :3 Lembra de mim lá do Gave Crazy? Eu criei um Blogger! Faço questão da sua visita!

    http://creatingeternally.blogspot.com.br/

    Beijuus, Cath ♥

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!