maspropes
Codigos Css 2
1.Color de Barra desplazadora - ScrollCon este simple codigo conseguimos cambiar el color de la barra desplazadora
Nota: Solo modifica los codigos que se necuentran en rojo
POr ejemplo modifica todas las opciones parecidas a esta : #800000;
Cita:
<html>
<head>
<style type="text/css">
<!--
body
{
scrollbar-base-color: #800000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #000080;
scrollbar-face-color: #800080;
scrollbar-highlight-color: #FFFF00;
scrollbar-shadow-color: #808080;
scrollbar-3dlight-color: #00FF00;
}
-->
</style>
</head>
<body>
<textarea>
</textarea>
</body>
</html>
2.Como cambiar la apariencia de un botón
Mostramos dos diferentes formas de cambiar la apariencia de los aburridos botones.
en el segundo ejemplo cambiamos el borde, los cuales tambien afectan a menúes desplegables, botones, cajas de texto, radio button, checkbox, textarea
Nota:Modifica todo codigo que se encuentre en rojo
por ejemplo ----------------------------------------------- modifica todo texto parecido a este
Cita:
1. -----------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px solid; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
2. ------------------------------------------------
<input onClick="#" type=button value="Botón de ejemplo" name=boton style="BORDER: rgb(128,128,128) 1px dashed; FONT-SIZE: 8pt; FONT-FAMILY: Verdana; BACKGROUND-COLOR: rgb(233,233,233)">
3.Posicionamiento de Imagenes
Con este script conseguimos colocar las imagenes en la posicion que deseamos.
Nota:Modifica toda opcion que se necuentre en rojo
Por ejemplo 100px Modifica toda opcion parecida a esta En ecepcion de esta :px
Cita:
<body bgcolor="#FFFFFF">
<!-- colocada a 100 pixeles
desde arriba y izquierda -->
<img style="position: absolute; top: 100px; left: 100px;"
src="/tutores/images/mundo3.gif">
<!-- colocada a 200 pixeles
desde arriba y izquierda -->
<img style="position: relative; top: 200px; left: 200px;"
src="/tutores/images/mundo.gif">
</body>
4.Texto iluminado
Con este simple script ayudado por javascript hacemos que un texto se ilumine al pasar el mouse por encima.
Nota:Modifica toda opcion que se encuentre en rojo
Cita:
<span
onMouseOver = "this.style.color = '#FF0000';"
onMouseOut = "this.style.color = '#000000';">
Trucos y ayuda <br>
</span>
-Si deseas agregar mas textos solo deves aser lo siguiente
Cita:
onMouseOver = "this.style.color = '#FF0000';"
onMouseOut = "this.style.color = '#000000';">
Trucos y ayuda <br>
Agrega aqui tu texto nuevo y le ponesal final del texto la siguinete etiquieta >br<
</span>i esta para cerrar el codigo
Hoy habia 10 visitantes (73 clics a subpáginas) ¡Aqui en esta página!
