Artículos escritos sobre "codigo" en otros sitios

Como cambiar el botón del buscador de Google

Enviado por Ximena el lun 23/06/2008 a las 13:35

El código del buscador que vamos a modificar es:

input name="sa" value="Buscar" type="submit"

 

Entonces agregamos class="form-button" (class del botón en Bligoo, es otra si la web no es de Bligoo) y queda:

 

input class="form-button" name="sa" value="Buscar" 
type="submit"

 

Con esto le damos el mismo estilo de los botones de todo el blog.

También podemos cambiar el botón por una imagen.


Cambiar el diseño de un botón en Bligoo

Enviado por Ximena el lun 23/06/2008 a las 13:24

Con la herramienta Web Developer de Firefox podemos saber qué class tienen los botones de los formularios. Usamos (del Web Developer) CSS >View Style Information (Ctrl + Mayús. + Y) en alguno de los botones que si tienen estilo, como por ejemplo el del formulario de contacto que entrega Bligoo o el del blidget Usuarios registrados. En mi blog el class es form-button, supongo que para todos los usuarios de Bligoo es lo mismo. Esto sirve para darle estilo a botones de formularios externos como por ejemplo el del buscador Google ligado a mi blog.

En el css el código es:

.form-button
{
background #ffffff;
border: 1px solid #ddd;
}

En este código, background es el color de fondo y border el borde, 1px, el grosor de este, solid, el tipo de borde y #ddd, el color del borde.

Para ver los tipos de bordes puedes ver el artículo border.

Etiquetas: | Secciones

Encuéntralo

Buscador de bligueros

Comentarios recientes

Recomendados de otras webs

          (http://www.webtaller.com)

Banner FFC

Template banner

template.bligoo.com

<a href="http://template.bligoo.com" target="_blank"> <img src="http://bligoo.com/media/users/0/37261/images/template_banner.gif" border="0" alt="template.bligoo.com" /></a>