Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje17-08-2011, 01:20 (UTC)    
Título del mensaje: Aporte | Botones presionables · Diseño 1º | N3sbt



Hola amigos! Bueno, luego de realizar mi tutorial, les traigo estos botones, los cuáles le pueden agregar su propio texto!
Si no lee atentamente cómo se deben introducir correctamente los códigos, no podrá agregar los botones!




URL | http://img.webme.com/pic/n/nesbet/result1.png


URL | http://img.webme.com/pic/n/nesbet/result2.png


URL | http://img.webme.com/pic/n/nesbet/result3.png


URL | http://img.webme.com/pic/n/nesbet/result4.png


URL | http://img.webme.com/pic/n/nesbet/result5.png


URL | http://img.webme.com/pic/n/nesbet/result6.png


URL | http://img.webme.com/pic/n/nesbet/result7.png


¿Cómo agregar los bótones y los códigos?

1º- Usted debe pegar el siguiente código css, entre las etiquetas <style> y </style>

Cita:
a#n3boton {
display:block;
width:278px;
height:62px;
background:url(URL DE LA IMAGEN);
}

a#n3boton:link { background-position:left; }
a#n3boton:hover { background-position: center!important; }
a#n3boton:active { background-position: right!important; }

.txtboton {
width:260px;
height:60px;
float:left;
margin:20px 0 0 20px;
color: #ffffff;
font-size: 15px;
font-family: Arial;
}


2º- En el código anterior, donde está indicando con color rojo, usted deberá pegar la url del diseño que eligió entre las imágenes que anteriormente deje.

Una vez hecho el paso anterior, pega el siguiente código dónde usted quiere que aparezca el diseño los botones. (Lo marcado con rojo es lo que se edita.)

Cita:
<a id="n3boton" href="http://nesbet.es.tl"><span class="txtboton">Introduzca su texto aquí</span></a>

Vista previa:

Link | http://design-adri.es.tl/Prueba-5.htm


Eso fue todo, espero que les haya gustado este aporte.
Saludos amigos!


Ultima edición por nesbet el Mie Ago 17, 2011 1:18 pm; editado 3 veces
Mensaje17-08-2011, 01:45 (UTC)    
Título del mensaje:

Muy muy muy (muchos más "muy") buenos Bro!
______________
Off
Mensaje17-08-2011, 01:47 (UTC)    
Título del mensaje:

Muuuy buenos los botones me gustaron mucho,te doy 10/10.

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 !
Mensaje17-08-2011, 03:49 (UTC)    
Título del mensaje: Re: Aporte | Botones presionables · Diseño 1º | N3sbt

Excelente aporte muy bueno saludos!!!

de tu amigo todaweb7




______________
Visitar sitio web


Mensaje17-08-2011, 16:30 (UTC)    
Título del mensaje:

Vaya son preciosos
______________
Mensaje17-08-2011, 16:44 (UTC)    
Título del mensaje:

Hola,
muchas gracias a todos!!!!!!!!!!!!!!!
Mensaje17-08-2011, 16:47 (UTC)    
Título del mensaje:

Se ven muy bien y son muy fácilies de usar, así que creo que es ideal para cualquier tipo de usuario

Genial! Ya veremos como reunir todos estos aportes que ustedes están haciendo en un lugar en el que puedan estar más cerca de todos


Saludos!
Mensaje17-08-2011, 17:15 (UTC)    
Título del mensaje:

tokarg escribió:
Se ven muy bien y son muy fácilies de usar, así que creo que es ideal para cualquier tipo de usuario

Genial! Ya veremos como reunir todos estos aportes que ustedes están haciendo en un lugar en el que puedan estar más cerca de todos


Saludos!


Hola,
muchas gracias @tokarg! Respecto a lo otro, sería muy bueno que se reunan este tipo de recursos, estarían al alcance de cualquiera.
Mensaje17-08-2011, 17:53 (UTC)    
Título del mensaje: |:D

Muy buenos!
______________
Regla Nº 38 - Puedes Hacerlo, Eres Capaz, Eres Importante, Decidete YA, Hazlo Ahora, E Inicia El Cambio...
Mensaje17-08-2011, 17:56 (UTC)    
Título del mensaje:

Imprecionante nesbet , todos tus trabajos me gustan!

Saludos
______________
Votame
Click aqui
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group