Slider 1 Slider 2 Slider 3 Slider 4

Bienvenidos a mi página

OTROS BOTONES WEB

Botón con LINK:

cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Botón Seguir Leyendo...:

Este seria el código:

<button class="button" onmouseover="this.style.background='green'" onmouseout="this.style.background='silver'" onclick="location.href = 'Tu PÁGINA/XXXXXX/'"><span style=
"color: #040404;">Seguir leyendo...</span></button>

Botón Spoiler para mostrar Enlaces o Comentarios:

INSERTA AQUI EL CONTENIDO QUE QUIERES OCULTAR.

cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Botones de Navegación:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Atras - Actualizar - Adelante.


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Botón Pantalla Completa.

cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Botón con Color.

cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Botón mostrar o ocultar texto o codigos.

Botón mostrar o ocultar texto o codigos.

cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Aquí os dejare unos ejemplos con sus respectivos códigos HTML para que lo utilicen, también les dejare un ejemplo de la estructura de un botón simple como este:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Este es el primer botón modificado, al cual le cambiamos el color de relleno del botón agregándole los valores que ven marcados en NARANJA:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Ahora modificaremos algo más el botón, tenemos la posibilidad de cambiar también el color del texto del botón, con solo agregarle este valor que vemos marcado en ROJO en este código:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

 

También podemos modificar el fondo del botón por una imagen especifica, solo con agregar este valor marcado en BLANCO al siguiente código:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

O también podemos añadirle un borde del tamaño que queremos solo con cambiarle el valor de numero, cuando mas alto mas grueso el trazo.. para poder agregarle ese borde debemos agregarle este valor que les marco en NEGRO en el siguiente código:


cópialo y pégalo en texto por encima de la página) Haga click dentro de la caja de texto para copiar su contenido.

Con estos ejemplos ya tienen los códigos HTML suficientes para poder modificar los BOTONES a su gusto. También podemos modificar el texto 'Buscar' por otro que nos guste mas, porque recuerden que se puede utilizar para muchos otros botones no solo para los de búsqueda.

Image and video hosting by TinyPic
Image and video hosting by TinyPic
Template by Clairvo Yance
Copyright © 2012 Solamente codigos html by bcn and cositaspatuweb.
javascript:;