Vou ensinar colocar uma imagem diferente para cada tÃtulo da sidebar.
Após instalar na Sidebar as widgets (Elementos de Página, como listas de links, imagens, slide, etc,) vá em Editar HTML, e procure pelo trecho do código html da sidebar, onde estão os widgets que você colocou, como na imagem:
Anote o nome de cada id dos widgets (sublinhado em vermelho) e acrescente no código CSS, acima de ]]></b:skin>:
#id do widget h2{background: url(link da imagem) center left}
por exemplo:
#Image5 h2{background: url(link da imagem) center left;}
para alinhar a imagem à direita, coloque center right. Se desejar usar uma cor e imagem diferente para cada tÃtulo, basta:
#Image5 h2 {background: #ccc url(link da imagem 1) center left}
#Image4 h2{background: #000 url(link da imagem 2) center left}
Você pode posicionar as imagens de outras maneiras também:
top left, bottom left, top right, bottom right.
Após instalar na Sidebar as widgets (Elementos de Página, como listas de links, imagens, slide, etc,) vá em Editar HTML, e procure pelo trecho do código html da sidebar, onde estão os widgets que você colocou, como na imagem:
Anote o nome de cada id dos widgets (sublinhado em vermelho) e acrescente no código CSS, acima de ]]></b:skin>:
#id do widget h2{background: url(link da imagem) center left}
por exemplo:
#Image5 h2{background: url(link da imagem) center left;}
para alinhar a imagem à direita, coloque center right. Se desejar usar uma cor e imagem diferente para cada tÃtulo, basta:
#Image5 h2 {background: #ccc url(link da imagem 1) center left}
#Image4 h2{background: #000 url(link da imagem 2) center left}
Você pode posicionar as imagens de outras maneiras também:
top left, bottom left, top right, bottom right.
Uma imagem para cada item da sidebar
Reviewed by MCH
on
July 07, 2008
Rating:
No comments: