20 outubro 2012

Como colocar a separação do gadget em hover.



430679_337404262948841_1397462923_n_large

Olá pessoal ^^
Trouxe um tutorial muito legal.É como colocar a separação de gadgets com um risquinho de efeito hover na separação do gadget!Muito legal!
Vamos aprender?


                               Vá em Painel> modelo> Editar HTML > Procure por:

]]></b:skin> 
                                                   Acima desse código cole esse abaixo:

/**Sidebar Baby: By The baby**/
.sidebar .widget {
width:100% !important;
background:#fff; /* Background do gadget */
margin:10px 0 !important;
border-bottom:5px #b0e2ff solid; /* cor da separação quando não se passa o mouse */
text-align: center;
border-radius:0 0 10px 10px;
padding:10px;
overflow:hidden
}
.sidebar .widget:hover {
background:     #fff;  /* Background do gadget */
width: 100% !important;
border: 0px dotted  #bebebe; */Cor da separação quando passa o mouse /*
text-align: center;
border-radius:0 0 10px 10px;
padding: 10px;
margin:10px 0 !important;
border-bottom: 5px solid #bebebe;  */Cor da separação quando passa o mouse /*
}

                                       Visualizem, se estiver tudo certo salvem!


Abraços,Sááh!
O código foi feito pelo The Baby,mas eu dei algumas modificadas (as coordenadas do que fazer)






16 comentários:

  1. Por que voce nao postou mais no MBN Saah?

    ResponderExcluir
    Respostas
    1. Pq estou sem tempo. So oslays encomendados levam 2 horas por dia, sem contar nas novidades, encomendas , comentarios..e por ai vai

      Beijoos

      Excluir
  2. Flor,vou fazer um face pro TB , e então vamos conversar lá? Dps eu te add

    ResponderExcluir
    Respostas
    1. Ok, tem meu face na pag de a blogueira.
      Beijoos

      Excluir
  3. Muito útil o tuto gostei ^^

    Beijoks linda!

    ( ᐵ ᗜ ᑈ)ᘉ Endereço>> Dany's Place Acessórios Tutorial
    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

    ResponderExcluir
  4. tudo perfeito
    muuito lindo!
    parabens blog lindo !

    ResponderExcluir
    Respostas
    1. Queeeeeeeeeee foooooofa. Obrigada mesmo

      Beijoos

      Excluir
  5. Muito boa a dica.Sááh você aceita parceria com o BSMP?Se sim responde lá no meu blog por favor.Aproveitando,fiz uma encomenda de layout lá no MMDE e desejo que você á faça por favor.
    Seu blog é tudo.Ele foi,e continua sendo uma inspiração para o Barbie Seu Mundo Pink.Eu amo o MEDB.

    ResponderExcluir
    Respostas
    1. Claro que aceito ;-) Eu ja vi, fiz e postei. Obrigada, e uma grande honra

      Beijoos

      Excluir
  6. Adorei :) Mas agora queria saber se você poderia fazer um outro layout para o meu blogger da Barbie e também queria saber se você consegue trocar uma capa do meu blogger por outra que já está pronto.... conseguiria? se não, eu acho outra pessoa, pq não sei fazer e já tentei :(

    ResponderExcluir
    Respostas
    1. Claro que poderia, linda (já fiz, sou adiantada..uahs). Como assim ? Me explique melhor e vejo se posso te ajudar :)

      Abraços

      Excluir

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!