- 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}
muito legal ameei a dica!
ResponderExcluirme ajudou muito a dica . valeu.
ResponderExcluirEternamente grata! Ficou lindão! Brigada mesmo ♥
ResponderExcluirGA503QS-HQ003T
ResponderExcluirUX393EA-HK001T
GV301QH-K6294T
G513QC-HN014T
GA401QE-HZ055T
S433 S433EA-AM460T
Smartphones