Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje20-10-2011, 18:03 (UTC)    
Título del mensaje: [CSS] Botones Avanzados - Varios Modelos

Hola y Bienvenido.
En este tema, les voy a presentar estos botones que eh creado yo!

Pueden ver una vista previa de como funcionan:
http://brianpwg.es.tl/botoneavanzados.htm

Modelo 1:





¿Como insertar estos botones en mi web?
Antes que nada, debemos colocar esta libreria css por ensima de la pagina o en el editor html
Código:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:light,regular,bold&amp;subset=latin" />

Estas tipografias las podemos encontrar en Google.

Ahora colocaremos el css
Este codigo lo debemos pegar en Code css sin style
Cita:
#boton_avanzado { background:url(URL DEL MODELO) no-repeat; height: 59px; width: 228px; display:block; margin-left: 10px; text-decoration: none; }
#boton_avanzado span { font-size:29px; color: #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding-left: 17px; line-height: 50px; }
.botones { padding-bottom: 7px; }


Y Ahora el HTML
Lo debemos pegar donde queramos que aparezca el boton.
Cita:
<div class="botones"><a id="boton_avanzado" href="#"><span>TEXTO<br />
</span></a></div>


Luego el resultado sera
http://brianpwg.es.tl/botoneavanzados.htm

Espero que esto les haga gustado. Lo usen y les sea util.


Ultima edición por brianpwg el Vie Oct 21, 2011 2:38 pm; editado 1 vez
Mensaje21-10-2011, 04:03 (UTC)    
Título del mensaje:

Bonitos los botones Brian,talvez los use.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje21-10-2011, 10:04 (UTC)    
Título del mensaje:

Buenos botones me gustaron :D
Mensaje21-10-2011, 14:10 (UTC)    
Título del mensaje:

Gracias por sus comentarios. :D
Mensaje22-10-2011, 14:23 (UTC)    
Título del mensaje:

Estaria bueno , que agas mas , pero con matises de colores :D
Mensaje24-10-2011, 20:14 (UTC)    
Título del mensaje:

Buenos botones
______________
Votame
Click aqui
Mensaje27-10-2011, 23:53 (UTC)    
Título del mensaje: exelentes botones

muy bonitos los botones pero mi pregunta es tienen efecto hover
______________
WebTwo de RadioVijaer.
Mensaje28-10-2011, 17:50 (UTC)    
Título del mensaje: Re: exelentes botones

davixm escribió:
muy bonitos los botones pero mi pregunta es tienen efecto hover

No amigo, el efecto hover no lo integre en el.
Mensaje29-10-2011, 22:33 (UTC)    
Título del mensaje:

Estan Buenos esos Botones
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group