9
Trucos css / scroll Modificar scroll: SCROLLBAR-FACE-COLOR - Color de la base de la barra SCROLLBAR-HIGHLIGHT-COLOR - Color resaltado de la barra SCROLLBAR-SHADOW-COLOR - Color de la sobra de la barra SCROLLBAR-3DLIGHT-COLOR - Color del relieve de la barra SCROLLBAR-ARROW-COLOR - Color de las flechas de la barra SCROLLBAR-TRACK-COLOR - Color del fondo de la barra SCROLLBAR-DARKSHADOW-COLOR - Color de la sobra mas oscura de la barra

Color de la Scrollbar con CSS

Embed Size (px)

DESCRIPTION

Cambiar el color de la barra de scroll con CSS

Citation preview

Page 1: Color de la Scrollbar con CSS

Trucos css / scrollModificar scroll:SCROLLBAR-FACE-COLOR - Color de la base de la barra SCROLLBAR-HIGHLIGHT-COLOR - Color resaltado de la barra SCROLLBAR-SHADOW-COLOR - Color de la sobra de la barra SCROLLBAR-3DLIGHT-COLOR - Color del relieve de la barra SCROLLBAR-ARROW-COLOR - Color de las flechas de la barra SCROLLBAR-TRACK-COLOR - Color del fondo de la barra SCROLLBAR-DARKSHADOW-COLOR - Color de la sobra mas oscura de la barra

Page 2: Color de la Scrollbar con CSS

Trucos css /scrollEn el bodybody {SCROLLBAR-FACE-COLOR:#6699CC; SCROLLBAR-HIGHLIGHT-COLOR: #6699CC; SCROLLBAR-SHADOW-COLOR: #6699CC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #000000;}

Page 3: Color de la Scrollbar con CSS

Trucos css /formulariosPara cambiar el aspecto de un campo:Creamos clase .campo.campo {

background-color: #E2E0E4;font-family: Arial, Helvetica, sans-

serif;font-size: 12px;color: #FF0000;border: 2px solid #FFFFFF;

}

Page 4: Color de la Scrollbar con CSS

Trucos css /formulariosSe aplica la clase seleccionando el campo mediante el panel de propiedades

Page 5: Color de la Scrollbar con CSS

Trucos css /formulariosBotón del formulario:.bot {

font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #006600;background-color: #CCFF00;width: 100px;border-right-width: 1px;border-right-style: solid;border-right-color: #666666;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;

}

Page 6: Color de la Scrollbar con CSS

Trucos css /centrar un divPara centrar un div utilizaremos el atributo marginEl orden de los valores es el siguiente:Sup der inf iz#mi_div{

margin:0 auto 0 auto; }Con esto el div y su contenido se centran

Page 7: Color de la Scrollbar con CSS

Uso de interfaz de ccs en dreamweaver

Están clasificadas por atributos

Page 8: Color de la Scrollbar con CSS

Uso de interfaz de ccs en dreamweaver

Podemos ir viendo las modificaciones presionando el botón aplicar

Automáticamente se aplican los estilos en la interface

Page 9: Color de la Scrollbar con CSS

Uso de interfaz de ccs en dreamweaver

fin