Tutorial: Modificando a linha de separação dos Gadgets

Olá meninas e meninos, como vão? Hoje vou ensinar um tutorial que descobri, que é personalizar (Mudar) a aquela barrinha que separa os gadgets. Bem é simples e fácil também.Para vocês entenderem melhor o que é, tem uma imagem abaixo de como vai ficar:

                                 
 Então vamos, lá! clique em leia mais para saber como fazer!

Então gente vamos lá ao tutorial.
1- vá no seu html e  procure pelo seguinte código:

.sidebar .widget {

 2- Abaixo dele vai está mais ou menos assim:


  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}


3- então você vai apagar somente isso:


  border-bottom: 2px solid $(widget.border.bevel.color);


4- e cole isso no lugar:


border-bottom: 1px dashed #ffffff;


5- ai é só editar conforme a legenda abaixo:

Vermelho: a espessura da borda.
Verde: é a forma (jeito) da borda. Se quiser, veja nesse link AQUI!
Roxo: é a cor da borda. Se quiser, veja cores em html aqui!

Bem gente, é só isso!
beijos gente, comentem bastante!


24 comentários

  1. super fofos :3
    www.Bikoti.blogspot.com

    ResponderExcluir
  2. Nada melhor do que um blog personalizado do nosso jeitinho e ainda bem que tem você pra ensinar pra quem não sabe né?

    Beijos.

    Kika/Acessarte.

    www.blogacessarte.blogspot.com
    www.acessarte.com (loja virtual)

    ResponderExcluir
  3. Fica muito fofo! Talvez eu faça... icones das redes sociais lindos ^^

    http://semcontrole.net.tc

    ResponderExcluir
  4. adorei o tuto!! lindoo blog só podia mudar a cor roxo/ pink para cores claras. mas ficou lindoo!
    bjs
    http://avidademalu.blogspot.com/ http://ohmygood-omg.blogspot.com.br/

    ResponderExcluir
  5. fica melhor sem essa linha ^^
    spaziodm.com

    ResponderExcluir
  6. Já sabia do tuto, e adoro!! :3
    Beijos, fashionwithstyle.tk

    ResponderExcluir
  7. fica bem melhor sem essal inha née rs

    http://garotoonerd.blogspot.com.br

    ResponderExcluir
  8. Ola, hum não sei se te chamo de Debora ou ANJO, pois vc foi um anjo que caiu do céu ao ajudar minha pequena filha Gabrielle fazendo um novo blog pra ela pois as mudanças k vc fez praticamente foi um blog novo ficou tudo muito lindo no GIRLS TEENS, e sinceramente nem sei como lhe agradecer por tamanho gesto num mundo tao interesseiro e mesquinho, olha qdo vi quase chorei ao ver a felicidade que ela ficou,ta muito muito lindo, a cara dela, e agradeço a Deus por existir VC Deby sabe tudo, e realmente vc sabe tudo, graças a Deus vc tem um dom maravilhoso, por ser inteligente,sensivel e amiga, mesmo de pessoas que vc nem conhece, peço a Papai do Céu k continue a derramar chuvas de bençaos sobre sua vida hoje e sempre, pois vc é abençoada e iluminda.
    Ela ficou muito feliz, pois estava triste com o blog, bjs linda, fique com Deus, e se quiser postar seu link la fique a vontade. Carla e Gabrielle Ullrich
    GIRLS TEENS.

    ResponderExcluir
  9. Eba,post novo!Boa sorte,vc que tentou o concurso lá do blog.bjjs
    http://so-pra-teens.blogspot.com.br

    ResponderExcluir
  10. Eba,post novo!Boa sorte,vc que tentou o concurso lá do blog.bjjs
    http://so-pra-teens.blogspot.com.br

    ResponderExcluir
  11. Ei eu kria colocar uma foto com o nome :AS BLOGUEIRAS no lado direito preto em cima de:link me
    a foto esta em AUTORAS, sou eu Gabii e Duda , ah eu sou a de calça preta, rsrs assim vc me conhece, rsrs, desde ja lhe agradeço se der pra me ajudar mais uma vez, rsrs, bjs.

    ResponderExcluir
  12. Ajudou muito a dica ameii!!

    Muito obrigada por passar no nosso blog!

    Bjoss
    Teen guide

    ResponderExcluir
  13. Adorei o post ajudou muito!

    Obrigada por visitar o blog!

    Bjoss
    Teen Guide

    ResponderExcluir
  14. Ajudou muito a dica ameii!!

    Muito obrigada por passar no nosso blog!

    Bjoss
    Teen guide

    ResponderExcluir
  15. Ótima dica de tuto, aquela linha que vem no blog hein, ngm merece.

    Kisses :*
    http://sweet-flower-laura.blogspot.com.br

    ResponderExcluir
  16. Adorei o tutorial, vou tentar fazer no meu blog nos próximos layouts.
    http://i-teenbr.net.tc

    ResponderExcluir
  17. Que lindinha (: Eu pra mim HTML é como falar grego KKK

    Beijos
    Anne
    meninasantenadas.tk

    ResponderExcluir
  18. Fica bem mais fofinho né?!!



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  19. Ameei! ótimo Tutorial!

    Beijooos

    http://alwaysbeautif.blogspot.com.br

    ResponderExcluir
  20. Eu era louca por esse tutorial *-*
    Sempre procura ele e nunca achava >.<

    http://modicesdemenina.blogspot.com.br

    ResponderExcluir
  21. Lindinha ja enviei a foto foto, pode diminui ta, pk la ta grande de corpo todo, nao precisa,faça do jeito k achar melhor,bjs, mandei pelo e-mail a minha mae, o meu vou fazer outro pk nao consigo entrar mais, bjs. Gabii.
    www.girlsteensgn.blogspot.com.br

    ResponderExcluir
  22. Ei passando para lhe agradecer mais uma vez, rsrs, ficou fofo nossa fotinha la, bjs fique com Deus e uma boa semana.
    Gabii.

    ResponderExcluir
  23. Ah, ele faz parte de um dos modelos do Travel. Eu descobri á algum tempo também, como personaliza-lo só que tirando. E nem precisa mexer com HTML *u*

    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  24. Fica muito mais legal.
    http://blogmuitofofodaaline.blogspot.com.br/

    ResponderExcluir










2011/2017 - Delicada e Abusada | Personalizado por Débora Alvim | Não copie! Encomende o seu na HTML LOVE DESIGN