Foros del Web » Creando para Internet » CSS »

insertar "button active{background" en css

Estas en el tema de insertar "button active{background" en css en el foro de CSS en Foros del Web. Hola, Quisiera consultar de qué forma se podría insertar un fondo de botón activo en esta circunstancia. Se trata de la plantilla Underground de Phpld ...
  #1 (permalink)  
Antiguo 17/10/2010, 16:09
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 243
Antigüedad: 9 años, 9 meses
Puntos: 7
insertar "button active{background" en css

Hola,

Quisiera consultar de qué forma se podría insertar un fondo de botón activo en esta circunstancia. Se trata de la plantilla Underground de Phpld.
He descubierto este código por internet pero no consigo adaptarlo.
#button:active {
background: url(button.png) no-repeat bottom;
}


Gracias por su atención. Si alguien podría indicar cómo se hace se lo agradecería muchíssimo.

El código en main.css:

/* navigation tabs */
#header ul {position: absolute;margin:0;list-style:none;right:-18px ; bottom: 3px;font: bold 13px Arial, Sans-serif;}
#header li {display:inline;margin:0; padding:0;}
#header a {float:left;background: url('../images/tableft.gif') no-repeat left top;margin:0;text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0;}
#header a span {float:left;display:block;background: url('../images/tabright.gif') no-repeat right top;color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {color:#FFF;}
#header a:hover {background-position:0% -42px;}
#header a:hover span {background-position:100% -42px;}
#header #current a {background-position:0% -42px;}
#header #current a span {background-position:100% -42px;}


El código que llama los botones en los archivos php:

<div id="header"><ul>
<li><a href="{$smarty.const.DOC_ROOT}/contact.php" title="{l}Contact directory owner{/l}"><span>Contacto</span></a></li>
....
  #2 (permalink)  
Antiguo 18/10/2010, 13:19
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: insertar "button active{background" en css

Tienes que asignar el ID button al enlace que desees que tenga esa propiedad. Si planeas usarlo en más de uno botón, cambia el identificador por una clase. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 21/10/2010, 15:17
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 243
Antigüedad: 9 años, 9 meses
Puntos: 7
Respuesta: insertar "button active{background" en css

Hola, daPhyre,

Gracias por responder, conseguí el efecto más o menos con:
#header ul li a.selected { color:#f9f5e7; text-decoration:none; background:#d71c3d; }

Última edición por maxtorplextor; 21/10/2010 a las 18:06

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:37.