Como colocar imagens ao lado da lista de Links?

Á pedidos da Amandinha, vamos la tentar ensina-las rsrrs bem, esta quem me ensinou foi a minha amiga abençoada Raquel.Primeiro você vai encontrar em seu template minima( layout) no html do layout estes códigos aqui abaixo,(de um control L e digite sidebar vai encontrar com mais facilidade) o que está em destaque é o que vocês irão acrescentar, lembre-se de salvar uma cópia de seu template antes de fazer qualquer alteração.

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
ACRESCENTAR ESTE CODIGO AQUI
.sidebar ul li {
list-style: disc url(AQUI O ENDEREÇO DA IMAGEM OU GIF) ;
vertical-align: top;
padding:3px;
margin-right:0px;


ATE AQUI TERMINA O CODIGO QUE FICARÁ ENTRE SIDEBAR LI E SIDEBAR.WIDGET
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

DEPOIS DE ACRESCENTAR ESTE CODIGO E O ENDEREÇO DA IMAGEM QUE VOCÊ QUER QUE APAREÇA AO LADO DOS LINKS COMO AS ESTRELINHAS QUE COLOQUEI AQUI, VISUALIZE E DEPOIS SE ESTIVER TUDO CERTINHO SALVE.

Postar um comentário

0 Comentários