codigos css

Borde de pagina

Para crear un borde para la pagina. En la seccion de heramientas podras encontrar una pagina autocreadora de este css.

<style type="text/css"> body {overflow:hidden; border: 10px solid; margin:8px #000000;} </style>

Simple cambio de color de enlaces

Para lograr que los hipervínculos cambien de color cada vez que pasamos el mouse por encima de ellos, será necesario insertar esta pequeña porción de código dentro de las marcas y de nuestra página.

<style> a:hover{ color:red; } </style> <a href="javascript:;" _fcksavedurl="javascript:;">Enlace de Prueba</a>

Texto iluminado

Con este simple script ayudado por javascript hacemos que un texto se ilumine al pasar el mouse por encima.


<span onMouseOver = "this.style.color = '#FF0000';" onMouseOut = "this.style.color = '#000000';"> Tu texto<br> </span>

Texto sobre texto

Este script muestra la forma de hacer un tipo de grafico sin necesidad de utilizar imagenes.

<STYLE TYPE="text/css"> <!-- H2.hyper {position: relative; top: 5px; left: 55px; font: bold italic 36pt times, serif; color: #990000} H3.hyper {position: relative; top: -50px; font: bold 18pt Arial, sans-serif; color: #000000; margin-left: 70px; margin-bottom: 10px;} --> </STYLE> <h2 class="hyper">Tutores.org</h2> <h3 class="hyper">Scripts</h3>

Redondear esquinas de una tabla

Para dar un poco mas de diseño a nuestras paginas y redondear las esquinas de las tablas podemos utilizar es estilo.css Esta hoja de estilo solo funciona con nn6 y mozilla


<style type="text/css"> table{ -moz-border-radius: 15px; background-color : #cc0000; border : 1px solid #000000; font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 12px; padding-left : 5px; padding-right : 5px; } </style> <table width="100%" border="2" cellspacing="0" cellpadding="8"> <tr> <td> </td> </tr> </table>

Botones en css

<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Aqui el texto de button" Style="BACKGROUND-COLOR: #FFFFFF" onClick=window.open('http://Aqui la URL')"></FORM>