Olá pessoal, hoje trago mais um tutorial
de fácil execução. Em alguns blogs
se vê que o primeiro gadget está com fundo diferente dos outros.
Vamos aprender a colocar também?
Vá no html de seu blog, aperte as teclas ctrl f ao mesmo tempo
e procure por: .sidebar .widget:first-child {
Quando encontrar coloque depois da aspa {
background: #fff; cor do fundo da caixaborder-radius: 10px; bordas arredondas, apague a linha se não quiser
Se você quiser colocar uma imagem, onde tem
background, você coloca:
background: url('url da imagem') no-repeat;
Lembrando:
no-repeat: não repete
repeat: repete vertical e horizontal
repeat-y: repete vertical
repeat-x: repete horizontal
E se quiser colocar fundo no último gadget procure por:
.sidebar .widget:last-child {
e faça a mesma operação que fez para colocar no primeiro gadget.
Depois ensino como colocar fundo diferente em qualquer gadget do blog.
Gostaram do tutorial? Qualquer dúvida pergunte. ( :
Adooorei, nem é tão difícil de fazer néh?
ResponderExcluirBom, eu criei um blog novo, o Imagine Dragons, você gostaria de dar uma passadinha? hehehe :D
http://imaginedragonsforever.blogspot.com
Beijos, Nic~
Nicole, qualquer dúvida no tutorial pergunte.
ExcluirÉ um prazer olhar seu blog e segui-lo.
Beijos, Clau.
Obrigado novamente Claudine, mas eu não vim pra isso não, vou logo ao ponto.
ResponderExcluirQuer ser autora do meu blog Tutoriais Blogger?
Bruna, seu blog tem excelentes dicas.
ResponderExcluirVocê está de parabéns.
Pablo, será um prazer ser autora em seu blog.
ResponderExcluirMeu e-mail é claudineg.netto@gmail.com
olá estou precisando de postadora de tutoriais se estiver interessada me contate la no meu blog http://atrevidinhastar.blogspot.com adorei demais seu blog.
ResponderExcluirOlá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.
ExcluirOlá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.
ExcluirOlá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.
Excluir