cambiar de color la barra desplazadora :(

suri_soko · #1 (**permalink**) 16/11/2007, 13:10

ola a todos, tengo un problema q creía q era facil pero no enkuentro la solucion

, estoi aciendo una web y ya la tengo casi acabada, me parecio q kedaria bien cambiar la barra desplazadora de color (cosa q ya abia echo con otras paginas web y no me abia dado problemas), y no se xq al poner el codigo la barra no cambia de color, tampoko me dice q tiene errores la web ni nada....

el programa q utilizo es dreamweaver 8,

El codigo q pongo es este (el q esta en todas las webs XD):

<style type="text/css">
body {
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #505050;
scrollbar-track-color: #cccccc;
scrollbar-arrow-color: #cccccc;
}
</style>

Espero respuesta un saludo y gracias artemaniacos xD.

JavierB · #2 (**permalink**) 16/11/2007, 13:13

Hola suri_soko

Ese código no es estandar, así que es normal que no funcione en algunos navegadores.

Otra cosa: Importante -> Ortografía en Foros del Web

Saludos,

Apolo · #3 (**permalink**) 16/11/2007, 13:16

Tema movido desde el foro Web general hacia el foro CSS.

Saludos,

suri_soko · #4 (**permalink**) 16/11/2007, 13:17

gracias por contestar, el problema es que no me funciona en ningun explorador.

DragonX · #5 (**permalink**) 16/11/2007, 13:21

a mi en IEx 6.0 me anda perfectamente!

JavierB · #6 (**permalink**) 16/11/2007, 13:27

Hola de nuevo.

Seguramente tienes puesto un DOCTYPE (que es lo correcto) así que no se interpreta ese código porque, como ya dije antes, no es estándar.

Saludos,

DragonX · #7 (**permalink**) 16/11/2007, 13:28

probalo así:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #505050;
scrollbar-track-color: #cccccc;
scrollbar-arrow-color: #cccccc;
}
</style>
</head>
<body>
hola que ta este es un ejemplo!
</body>
</html>

suri_soko · #8 (**permalink**) 16/11/2007, 13:32

El tema es que en una pagina simple como el siguiente (ejemplo 1) funciona, pero en el codigo del ejemplo 2 no.

ejemplo 1:

<html>
<head>
<STYLE TYPE="text/CSS">

BODY {
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #FFFF00;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #0077FF;
scrollbar-track-color: #0077FF;
scrollbar-arrow-color: #FF7700;
scrollbar-base-color: #00FF00;}
}

</STYLE>
</head>
<body>
</body>

----------------------

ejemplo 2:

<style type="text/css">
<!--
body {
background-image: url(imagenes%20sfs%20web/fondoproba2.jpg);
background-repeat: repeat-x;
background-color: #000000;
margin-top: 0px;

}
{
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #FFFF00;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #0077FF;
scrollbar-track-color: #0077FF;
scrollbar-arrow-color: #FF7700;
scrollbar-base-color: #00FF00;
}
.style5 {color: #FFFFFF}
.Estilo1 {font-size: 11px}
.Estilo2 {color: #000000}
.Estilo3 {font-size: 11px; color: #333333; }
.Estilo32 {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #CCCCCC;
etc etc etc....
</style>

seria correcta esta manera de poner el codigo?
un saludo.

JavierB · #9 (**permalink**) 16/11/2007, 13:33

Pues sí, DragonX, con ese DOCTYPE sí marcha bien. Lo había probando en XHTML 1.1 y no funcionaba.

Saludos,

DragonX · #10 (**permalink**) 16/11/2007, 13:35

Cita:

Iniciado por suri_soko

ejemplo 2:

<style type="text/css">
<!--
body {
background-image: url(imagenes%20sfs%20web/fondoproba2.jpg);
background-repeat: repeat-x;
background-color: #000000;
margin-top: 0px;

}
{
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #FFFF00;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #0077FF;
scrollbar-track-color: #0077FF;
scrollbar-arrow-color: #FF7700;
scrollbar-base-color: #00FF00;
}
.style5 {color: #FFFFFF}
.Estilo1 {font-size: 11px}
.Estilo2 {color: #000000}
.Estilo3 {font-size: 11px; color: #333333; }
.Estilo32 {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #CCCCCC;
etc etc etc....
</style>

No te funciona porquwe no tenes nada declarado, debería ser así:

Código HTML:

<style type="text/css">
<!--
body {
	background-image: url(imagenes%20sfs%20web/fondoproba2.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	margin-top: 0px;
	scrollbar-face-color: #FF0000;
	 scrollbar-shadow-color: #FFFF00;
	 scrollbar-highlight-color: #0000FF;
	 scrollbar-3dlight-color: #00FF00;
	 scrollbar-darkshadow-color: #0077FF;
	 scrollbar-track-color: #0077FF;
	 scrollbar-arrow-color: #FF7700;
	 scrollbar-base-color: #00FF00;
 }
.style5 {color: #FFFFFF}
.Estilo1 {font-size: 11px}
.Estilo2 {color: #000000}
.Estilo3 {font-size: 11px; color: #333333; }
.Estilo32 {
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
etc etc etc....
</style>

suri_soko · #11 (**permalink**) 16/11/2007, 13:43

Funciona!!!

Muchisimas gracias DragonX y JavierB por molestaros

(es bueno saber que en este mundo aun hay gente que te puede echar un cable)gracias de nuevo.