14 de mai. de 2013

Tutorial- Fundo diferente no primeiro gadget do blog


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 caixa
border-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. ( :

9 comentários :

  1. Adooorei, nem é tão difícil de fazer néh?

    Bom, eu criei um blog novo, o Imagine Dragons, você gostaria de dar uma passadinha? hehehe :D

    http://imaginedragonsforever.blogspot.com

    Beijos, Nic~

    ResponderExcluir
    Respostas
    1. Nicole, qualquer dúvida no tutorial pergunte.
      É um prazer olhar seu blog e segui-lo.
      Beijos, Clau.

      Excluir
  2. Obrigado novamente Claudine, mas eu não vim pra isso não, vou logo ao ponto.

    Quer ser autora do meu blog Tutoriais Blogger?

    ResponderExcluir
  3. Bruna, seu blog tem excelentes dicas.
    Você está de parabéns.

    ResponderExcluir
  4. Pablo, será um prazer ser autora em seu blog.
    Meu e-mail é claudineg.netto@gmail.com

    ResponderExcluir
  5. olá estou precisando de postadora de tutoriais se estiver interessada me contate la no meu blog http://atrevidinhastar.blogspot.com adorei demais seu blog.

    ResponderExcluir
    Respostas
    1. Olá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.

      Excluir
    2. Olá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.

      Excluir
    3. Olá Atrevidinhastar, ficarei feliz em ser postadora de seu blog.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo