Oii!! Passando rapidinho aqui no blog.Vou ensinar a como separar os gadgets da sidebar, tipo, deixar eles parecidos com os meus *_* Eu sempre uso quando vou fazer meus layouts. acho que o blog fica mais legal com eles todos separados! Então vamos os que realmente interessa...
Vá no HTML, dê F3 ou Ctrl+F e pesquise por /* Widgets.Antes de fechar } , cole o código a seguir.
Agora é só personalizar a cor da borda e o background, o resto pode deixar como está!Caso queira colocar borda arredondada nos gadgets, adicione no final do código acima:border-top: 10px #SuaCor; *\cor, tamanho e tipo de bora acima do gadget*/
padding: 10px;
background: #fff; /*---- cor do fundo da caixa ----*/
padding-left: 20px; /*---- espaço à esquerda ----*/
padding-bottom: 20px; /*--- espaço de baixo ---*/
padding-right: 20px; /*--- espaço à direita ---*/
padding-top: 5px; /*---- espaço de cima ----*/
border-radius: 8px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
Pronto! Feito isso, visualize e salve... Se gostaram do tutorial, comentem!!!
Ótimo tutorial, amei!
ResponderExcluirE esse layout está divo ç__ç
Beijos,
skyfall-dream.blogspot.com
Obrigado!! -_-
ExcluirÓtimo tudo bem explicado ^^
ResponderExcluirhttp://worldofthel.blogspot.com.br/
Obrigado ^^
Excluirnão ajudou muito,mas gostei do blog,seguindo,segue o meu ? clubpenguinhensi.blogspot.com
ResponderExcluirObrigado!
Excluirobg ajudou muito ! ^^
ResponderExcluirOi, eu não consegui colocar no meu blog. Poderia me ajudar? ><
ResponderExcluir