Este botón no tiene un diseño adecuado para mi blog, entonces ¿cómo hago para darle un diseño adecuado?
Para darle un diseño adecuado tienes que insertar código CSS en el código HTML.
Antes de empezar, una aclaración, todos los códigos HTML que vienen a continuación van entre < y >.
* Primero : Conocer el código HTML del botón. Para este botón el código HTML es el siguiente:
input type="button" value="Volver" onclick="history.back()" Verdana; font-size: 12 pt
* Segundo: Agregar class al código, para darle estilo.
input class="boton" type="button" value="Volver" onclick="history.back()" Verdana; font-size: 12 pt
* Tercero: Insertar el código CSS en el código HTML.
input class="boton" type="button" value="Volver" onclick="history.back()" Verdana; font-size: 12 pt
<style type="text/css">input.boton {
color: #ffffff;
font-weight: normal;
background: #bc1c2d;
margin-top: 10px;
}
</style>
El botón quedaría así:
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 caso el class es form-button. Esto sirve para darle estilo a botones de formularios externos como por ejemplo el del buscador Google ligado a mi blog. Entonces en vez de ingresar btn en el class del código html, ingresamos form-button, que es el class de los botones del blog. Con esto no es necesario modificar el estilo botón por botón.
-----------------
Ximena Ramírez Bruce