Trucos css / scroll Modificar scroll: SCROLLBAR-FACE-COLOR  - Color de la base de la barra  SCROLLBAR-HIGHLIGHT-COLOR  - C...
Trucos css /scroll En el body body { SCROLLBAR-FACE-COLOR:#6699CC;  SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;  SCROLLBAR-SHADOW-...
Trucos css /formularios Para cambiar el aspecto de un campo: Creamos clase .campo .campo { background-color: #E2E0E4; font...
Trucos css /formularios Se aplica la clase seleccionando el campo mediante el panel de propiedades
Trucos css /formularios Botón del formulario: .bot { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0...
Trucos css /centrar un div Para centrar un div utilizaremos el atributo margin El orden de los valores es el siguiente: Su...
Uso de interfaz de ccs en dreamweaver Están clasificadas por atributos
Uso de interfaz de ccs en dreamweaver Podemos ir viendo las modificaciones presionando el botón aplicar Automáticamente se...
Uso de interfaz de ccs en dreamweaver fin
Próxima SlideShare
Cargando en…5
×

Color de la Scrollbar con CSS

3.720 visualizaciones

Publicado el

Cambiar el color de la barra de scroll con CSS

0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
3.720
En SlideShare
0
De insertados
0
Número de insertados
24
Acciones
Compartido
0
Descargas
18
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Color de la Scrollbar con CSS

  1. 1. 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
  2. 2. Trucos css /scroll En el body body { 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; }
  3. 3. Trucos css /formularios Para 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; }
  4. 4. Trucos css /formularios Se aplica la clase seleccionando el campo mediante el panel de propiedades
  5. 5. Trucos css /formularios Botó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; }
  6. 6. Trucos css /centrar un div Para centrar un div utilizaremos el atributo margin El 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
  7. 7. Uso de interfaz de ccs en dreamweaver Están clasificadas por atributos
  8. 8. 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
  9. 9. Uso de interfaz de ccs en dreamweaver fin

×