Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-08-2008, 23:31 (UTC)    
Título del mensaje: <<<-----Los mejores Codigos Css----->>>

Este mensaje se encunetra en continua modificacion




Estos codigos Funcionan especial mente con:




1.Color de Barra desplazadora - Scroll
Con 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

______________









Ultima edición por wedmasterayuda el Vie Ago 15, 2008 8:08 pm; editado 7 veces
Mensaje18-10-2008, 11:32 (UTC)    
Título del mensaje:

muy buen aporte

muchas gracias
Mensaje18-10-2008, 13:16 (UTC)    
Título del mensaje:

estan buenos me gustan salu2
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group