10 de set de 2009

Colocando background diferentes para cada widget



Sim, é possível colocar cada widget de uma cor, veja o exemplo AQUI.
Para isso você tem que saber qual o "ID" de cada um dos widgets do seu blog. Para isso proceda da seguinte maneira:


Anote o título do widget que vc quer colocar de outra cor, mas tem que ser certinho, sem faltar nem um acento.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.



Agora vá até o HTML de seu blog e clique em "Expandir modelos de widgets".
Clique então na tecla F3 de seu teclado e cole na janela que vai se abrir o título do widget que você quer colocar o fundo.


Pronto, veja que no HTML ficou selecionado o título do widget. Agora veja um pouco mais a frente você verá uma inscrição a frente de "id="

No meu caso a inscrição é:

LinkList3

Copie esta inscrição, você precisará dela.




Agora procure este próximo código:

]]></b:skin>

E cole o código abaixo antes dele.



#LinkList3 {
background: #DDF5DD;
border: 2px solid #000;
margin: 2px;
padding: 4px;
}


  1. Percebeu que o código na cor vermelha é o id ? Portanto, o que vc terá que fazer é substituir o código pelo código do id de seu widget.
  2. O código na cor verde é a cor de fundo do widget
  3. O código na cor azul é a cor da borda.
Vá fazendo isso a cada widget que queira trocar de cor.

6 comentários:

  1. elke não tem como escolher só uma maia a única coisa que eu aceito é a publicidade sem exageros e que fica descendo pela pagina

    ResponderExcluir
  2. legal pra caramba esperimentei numa widget de marcador fico exelente....brigadão pela dica¨¨O¨¨¨¨O¨¨

    ResponderExcluir
  3. Muito bom, queria saber como faço para colocar uma imagem???

    ResponderExcluir
  4. Olá!! Faz tempo que procuro como fazer isto!! Muito obrigada!

    O que acontece que quando mudamos o widget de local ele volta a cor normal? conferi o ID e está correto.

    Obrigada!

    ResponderExcluir
  5. Elke fiquei confuso, como assim ID? Está aqui, certo! Que “ID” terei que colocar no lugar vermelho, me ajude por favor!? :(

    #LinkList3 {
    background: #DDF5DD;
    border: 2px solid #000;
    margin: 2px;
    padding: 4px;
    }

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube