Aquí está el código que tienes que agregar o editar dentro del archivo css [puede ser
template.css ó
template_css.css]:
Código HTML:
a.readon {
background: url(../images/readon-bg.gif) no-repeat left top;
color: #757575;
display: block;
float: left;
font-size: 10px;
font-weight: normal;
padding: 2px 10px;
text-transform: uppercase;
width: 75px;
}
a.readon:hover, a.readon:focus, a.readon:active {
color: #B81D57;
text-decoration: none;
}
En este caso tendrías que agregar la imagen dentro de la carpeta
images dentro de tu plantilla y
NO dentro de la carpeta
images del archivo raíz de Joomla.
Aquí te dejo la imagen:
By
larenz at 2009-07-19
NOTA: Por cierto debes de corregir las imágenes de tu sitio y achicarlas de manera que no sobresalgan las dimensiones del contenido principal ya que te echan a perder el diseño.