6 de nov de 2012

Tutorial: Separar, Arredondar, e Deixar Sombra no Gadget


Oláá pessoal!!
Tudo bom??

Bom, hoje trouxe um tutorial bem legal. Ele fica mais ou menos assim:

Imagem de Hino-Chan

O tutorial, é de como separar, arredondar e colocar Sobra no Gadget. É muito simples e rápido.  Se você não quiser colocar um ou outro, é só alterar o cógigo ok?

Vamos lá??


Primeiro, vá ao Designer de Modelo de seu blog, na opção Avançado e selecione Plano de fundo da barra lateral.  ~ Deixe a cor do plano de fundo e a cor da moldura em transparente e salve.

Assim:



Depois vá até o HTML de seu blog, dê um CTRL + F e procure por :
/* Widgets

Você irá encontrar tudo isso, certo ?


Agora, acima do } , cole o seguinte código:

background:#ffffff; 
-webkit-border-radius: 16px; 
-moz-border-radius: 16px; 
border-radius: 16px; 
box-shadow: 1px 4px 19px 2px #f3b9f5;


Personalizando o código :


Substitua o #ffffff pela cor do fundo que deseja em seus gadgets.
Substitua os três 16px caso queira as bordas modificar as bordas.( Quanto maior o número, mais redondo).
Substitua #f3b9f5 pela cor da sombra que ficará ao redor de seu gadget, caso não queira sombra, apague essa última linha box-shadow: 1px 4px 19px 2px #f3b9f5;

Por hoje é só!!
Beijos!!


9 comentários:

  1. Eu tava procurando esse tuto... Dai achei seu blog e adorei!
    Ja to seguindo aqui!
    Tem Sorteio la no meu *u* Participa??
    http://missglamur.blogspot.com.br/2012/11/finalmente-o-sorteio.html

    ResponderExcluir
    Respostas
    1. Oh!! Quem diria!!
      Obrigada!!

      Já to indo lá no seu blog...
      Desculpe, mas eu já tenho um colar de cruz.

      Excluir
  2. Seguindo akii
    ameii o blog flor
    parabens
    Me segue de volta?

    garotamaluka.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada!! ^.^'
      Sigo sim!! Já to indo lá!!

      Excluir
  3. Olá!
    Sua encomenda chegou!
    Desculpe a demora, espero que goste!

    http://mundomagicodeencomendas.blogspot.com/2012/11/encomenda-pamela.html

    Beijos!

    ResponderExcluir
  4. Ah gamei nesse tuto! Próximo lay que eu fizer virei aqui pra usar, fica muito lindo... Parabéns!

    Beijoos...
    Teen de Atitude/hitfeminino.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Ele da um efeito lindo!!
      Ok!! Aguardo sua vinda!! Espero que sua vinda seja logo... :)

      ~~Kissus~~

      Excluir
  5. Apesar de que eu prefiro sem a sombra e quadrado o tutorial está bem explicado c:
    Adorei tá Pam! Continue divando assim no Loving Much
    Um beijo.

    c-akeparty.blogspot.com

    ResponderExcluir

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!