Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje29-08-2011, 16:22 (UTC)    
Título del mensaje: Aporte | Botones presionables · Diseño 2º | N3sbt


Hola amigos! Les traigo el segúndo diseño de bótones presionables, 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/result8.png


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


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


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


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


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


URL | http://img.webme.com/pic/n/nesbet/result14.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#imagenboton {
display:block;
width:272px;
height:68px;
background:url(URL DE LA IMAGEN);
}

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

.textoboton {
width:272px;
height:68px;
float:left;
margin:24px 0 0 20px;
color: #ffffff;
font-size: 15px;
font-family: Arial;
}


2º- En el código anterior, donde está indicando con color azul claro, 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 azul claro es lo que se edita.)

Cita:
<a id="imagenboton" href="URL"><span class="textoboton">Introduzca su texto aquí</span></a>

Vista previa:

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


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


Ultima edición por nesbet el Lun Ago 29, 2011 12:39 pm; editado 1 vez
Mensaje29-08-2011, 18:44 (UTC)    
Título del mensaje:

Que botones tan bonitos me gusta el diseño Gracias por el aporte

Deberian hacer un apartado en el foro con vuestros aportes
______________
Mensaje29-08-2011, 20:39 (UTC)    
Título del mensaje:

Muy buenos Nesbet, GIMP ?
______________
Off
Mensaje29-08-2011, 20:41 (UTC)    
Título del mensaje:

nesbet muy wapos eres un crack saludos



______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje30-08-2011, 00:07 (UTC)    
Título del mensaje:

Hola,
muchas gracias a todos amigos!

@fafo-ayuda Sï claro, jaja. XD
Mensaje30-08-2011, 03:06 (UTC)    
Título del mensaje:

Están súper buenos esos botones!

¡Muchísimas gracias por el aporte!

Saludos.
______________
Atentamente, AyudasHoy.
Ayuda WebMaster para todos.


Ultima edición por ayudashoy el Lun Ago 29, 2011 11:07 pm; editado 1 vez
Mensaje30-08-2011, 16:32 (UTC)    
Título del mensaje:

Que buenos aportes los que eztás haciendo amiguizo! están lindos los botones y le dan una gran apariencia a nuestras webs...

Saludoz.
______________

http://radiovijaer.es.tl/
Mensaje31-08-2011, 04:23 (UTC)    
Título del mensaje: Re: Aporte | Botones presionables · Diseño 2º | N3sbt

Excelente aporte Nesbet muy buenos saludos!
______________
Visitar sitio web


Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group