12 julho 2013

Gadgets diferentes

tutorial de como deixar a sidebar , com cada gadget diferente do outro, vou dar o código e o resto é com vocês ^-^ vocês vão ver que é a coisa mais fácil do mundo, sério muitos devem pensar que devem ser aqueles tutoriais com códigos gigantes, mas não é não :)



 Vocês perceberam que cada gadget é diferente, pode-se usar formas, cores e backgrounds..

Vá em design ~ Editar HTML ~ Marque a opção  Expandir modelos

Aperte Ctrl F e procure por o nome do gadget que deseja personalizar, veja a imagem:
No caso eu quero personalizar o meu gadget welcome..apertei Ctrl f e procurei por welcome

Identifique o numero do widget id..que no meu caso o meu gadget welcome era HTML4 e faça o seguinte:
Procure por ]]></b:skin>
e acima dele cole:
#HTML4 { código da personalização  }
dentro da chave você coloca o que quiser, por exemplo:
#HTML4 {
border: solid 1px #000; Se você quiser borda no widget
background: url(URL DO BG AQUI) repeat; Se quiser background de fundo no widget
background: #000; Se quiser apenas cor de fundo no widget
box-shadow: inset 0 0 15px #ccc, 0 0 3px #aaa; Se quiser sombra no widget
border-radius:10px; Se quiser arredondar

}
É super fácil, não tem mistério, agora é só usar o mesmo processo em todos gadgets que queira personalizar, procure pelo nome identifique o id e personalize ^-^

Obs: Para personalizar o gadget de seguidores o código usado é:  #Followers1 { personalização}


Crédito do blog da Karine Júpiter
http://kakajupiter.blogspot.com.br/

Nenhum comentário:

Postar um comentário