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
    Respostas
    1. Ah...
      Obrigada!!

      Muito obrigada mesmo!!

      Excluir
  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!!