10 Setembro 2008
![]()
Sou defensor da melhoria continua de uma página de internet, ou blog, e não de uma mudança radical como muitos webmasters fazem às suas páginas. Uma mudança radical só deve ser realizada se o antigo formato da página for péssimo. Caso contrário, o webmaster deve melhorar a página de forma progressiva, para ir de acordo com os desejos dos utilizadores, ou de acordo com um aumento da conversão de determinado item.
Sendo assim e visitando este site, do ponto de vista do utilizador detectei uma falha (entre muitas) que decidi melhorar. Falha essa que aparecia no fim de todos os artigos na secção "Artigos Relacionados". Apliquei um pouco de CSS e voilá, ficou com um aspecto ligeiramente mais profissional!

A lista que utilizo nos artigos relacionados possui a seguinte estrutura html:
<ul>
<li>
<p>link 1</p>
</li>
<li>
<p>link 2</p>
</li>
<li>
<p>link 3</p>
</li>
</ul>
Sendo assim é só aplicar umas linhas de código CSS à lista:
ul{
list-style-type: none; /*retira os pontos negros da lista*/
padding: 0;
margin: 0;
}
li{
background-image: url(imagem.gif); /*Substitui os pontos negros por uma imagem
à sua escolha*/
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 12px; /*normalmente isto é o comprimento da imagem de forma a que o texto
não a sobreponha*/
font: normal .9em Verdana, Helvetica, sans-serif; /*Tipo de letra*/
color: #000000; /*cor da letra*/
}
Setembro 11, 2008