07-10-2006, 00:56
Cita:más que de cambiar el color de toda la línea, no sé... es mi apreciaciónDe la forma que está construido el CSS es muy, pero que muy complejo cambiar el aspecto de un solo botón.
La botonera consiste en una solución muy elegante que parte de una sola imagen PNG y que, mediante el truco de usarla como fondo con distintos parámetros, se utiliza una parte u otra de la misma imagen para crear botones que se ajustan automáticamente a la longitud del texto. Es decir, todos los botones son el mimo botón pero pillando más o menos pixeles. Con el texto sucede algo similar.
El deshacer ese virguería supondría un replanteamiento de todas las hojas de estilo.
Para que lo entendáis, lo de abajo es el png usado para crear la botonera y la forma de "pintarla " consiste en emplear el código siguiente de CSS:
Código:
#brdmenu li {
display: inline;
float: left;
background: url('macclub/botonera.png') no-repeat 0 -863px;
padding: 0 0 0 .9em; /* partes derechas botones menu principal 863px */
height: 39px;
}
#brdmenu li a {
background: url('macclub/botonera.png') no-repeat 100% -303px;
display: block; /* partes derechas botones menu principal 303px */
float: left;
margin: 0 .5em 0 0;
padding: 0 .9em 0 0;
height: 39px; line-height: 52px;
font-weight: bold;
}
#brdmenu li a:link, #brdmenu li a:visited {
color: #FF0; /* amarillo el texto de los botones*/
text-decoration: none;
}
Código:
.postleft dd.usercontacts a[href*="mailto"], .postleft dd.usercontacts a[href*="misc.php?email"] {
text-indent: -9999em; text-decoration: none;
background: url('macclub/botonera.png') no-repeat -2px -434px;
}
.postleft dd.usercontacts a:hover[href*="mailto"], .postleft dd.usercontacts a:hover[href*="misc.php?email"] {
text-indent: -9999em; text-decoration: none;
background-position: -2px -494px;
}
.postleft dd.usercontacts a[href*="http://"] {
text-indent: -9999em; text-decoration: none;
background: url('macclub/botonera.png') no-repeat -2px -553px;
}
.postleft dd.usercontacts a:hover[href*="http://"] {
text-indent: -9999em; text-decoration: none;
background-position: -2px -613px;
}
.postfootleft p {
text-indent: 44px;
background: url('macclub/botonera.png') no-repeat 0px -738px;
width: 40px; height: 21px; line-height: 21px;
font-size: .9em;
}
.postfootleft strong {
text-indent: 0;
display: block;
padding-left: 44px;
background: url('macclub/botonera.png') no-repeat 0px -675px;
width: 50px; height: 21px; line-height: 21px;
}
Principio de Hanlon:
«Nunca le atribuyas a la maldad lo que puede ser explicado por la estupidez»
«Nunca le atribuyas a la maldad lo que puede ser explicado por la estupidez»