Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje27-08-2011, 22:59 (UTC)    
Título del mensaje: Boton Active para IceBlue

Bueno estaba viendo el aporte de Nesbet y se me ocurrió si se podía usar en IceBlue, intente varias veces hasta que pude mejorar el codigo y me gusto como quedo.

Explicación:
El "hover" consiste que al pasar el cursor por el boton el mismo cambie, y el efecto "active" al apretar el boton cambia la imagen.
Vista Previa:
http://design-pwg.es.tl/botonactiveiceblue.htm

En diferencia del tutorial de nesbet para no hacernos muchos lio usaremos 3 codigos diferentes, 2 codigos que son conocidos que es el del botón normal y el del hover. Ahora les añadiremos el boton Active. En total tenemos que usare 3 imágenes.




El codigo que utilizaremos sera el siguiente:
Código:
<style type="text/css">
td.nav{background-image:url(URL DEL BOTON NORMAL);}
td.nav:hover{background-image:url(URL DEL BOTON HOVER);}
td.nav:active{background-image:url(URL DEL BOTON ACTIVE);}
</style>


Estaré aportando botones active para los diferentes diseños!

Saludos!
Design-PWG.

------
¿El codigo no funciona? Por favor de aviso a algun moderador Haciendo click aqui
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com


Ultima edición por design-pwg el Mie Dic 05, 2012 8:36 pm; editado 1 vez
Mensaje27-08-2011, 23:11 (UTC)    
Título del mensaje:

buen aporte saludo!!


______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje27-08-2011, 23:35 (UTC)    
Título del mensaje:

nuestrasxarlas escribió:
buen aporte saludo!!



Muchas gracias, me alegro que te haya gustado.

Saludos
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-08-2011, 00:08 (UTC)    
Título del mensaje:

Esta bueno el aporte, grax
______________
Mensaje28-08-2011, 00:15 (UTC)    
Título del mensaje:

Buen aporte n.n pero que pasa si el ice blue ya tiene los botones del menu los tapa??
______________

http://www.hell-anime.es.tl
Mensaje28-08-2011, 00:42 (UTC)    
Título del mensaje:

hell-anime escribió:
Buen aporte n.n pero que pasa si el ice blue ya tiene los botones del menu los tapa??


Si, en caso de ya tener los botones hover y el normal y quieres añadir el Active solo usa este codigo.
Código:
<style>td.nav:active{background-image:url(URL DEL BOTON ACTIVE);} </style>


Saludos!
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje28-08-2011, 00:54 (UTC)    
Título del mensaje:

muy bueno Design-PWG.
______________
/forosadas @forosadas
forosadas@hotmail.fr
"Tu mente es tu límite"
Mensaje28-08-2011, 01:31 (UTC)    
Título del mensaje:

babosadas escribió:
muy bueno Design-PWG.


Muchas gracias babosadas me alegro que te guste..

Saludos
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com


Ultima edición por design-pwg el Lun Ago 29, 2011 7:28 am; editado 1 vez
Mensaje02-09-2011, 23:12 (UTC)    
Título del mensaje:

Buen aporte desing-pwg
______________
Votame
Click aqui
Mensaje03-09-2011, 14:33 (UTC)    
Título del mensaje:

revolutionteam-css escribió:
Buen aporte desing-pwg


Muchas gracias, Me alegro que te haya gustado.

Saludos!
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje03-09-2011, 18:23 (UTC)    
Título del mensaje: Re: [CSS] Boton Active para IceBlue

Hay forma cuando salga el Activo etc. Se puede alinear a la Medida del texto del menu Ice-blue ? Tambien seria bueno que aparecieran en otros colores .

Mucho no me gusto pero le doy un 7. :D Saludos Desing
Mensaje03-09-2011, 19:17 (UTC)    
Título del mensaje:

Pz me ha parecido muy bueno el aporte para todos los usuarios que ocupan ese tipo de plantilla!

Saludoz.
______________


https://radiovijaer.es.tl/


Ultima edición por radiovijaer el Sab Sep 03, 2011 3:21 pm; editado 1 vez
Mensaje03-09-2011, 19:27 (UTC)    
Título del mensaje: Re: [CSS] Boton Active para IceBlue

@brianpwg Gracias por decirme tu inquietud, pero no la eh entendido. Si serias tan amable de decirme como se te ve o alguna imagen.

@radiovijaer Muchas gracias, me alegra que te haya gustado
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje01-02-2012, 15:53 (UTC)    
Título del mensaje:

Este tema ha sido promovido, ya que cumple las características para ello.

Información sobre promoción de temas a zonas dedicadas:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177
(Los diseños o artículos, serán movidos a la zona de selección, si el moderador así lo considera)

saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group