• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

18 de agosto de 2012

Separar e arredondar os gadgets do blog ♥

Tumblr_m8wtoqkmy81qcntwzo1_500_large
                                       ~ Depois de um tempo sumida, eu voltei :3

  • o tutorial de hoje, aprendi no {www}

E hoje vamos aprender a separar os  gadgets um dos outros e arrendondar suas bordas, mais só depois que clicar em leia mais :*


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.




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;

Por último, iremos personalizar 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;

Salve e veja como ficou 

sayonará {se escreve assim? seja como for, tchau}


4 comentários: