[WEB] Qualcuno sa come colorare la barra del browser?!

[Matrixbob]

Con IE ed Opera funziona, con Firefox no:

[Matrixbob]

Non dovrebbero essere queste:

body {
scrollbar-arrow-color: #FF6600;
scrollbar-3dlight-color: #000080;
scrollbar-highlight-color: #FF6600;
scrollbar-face-color: #000080;
scrollbar-shadow-color: #FF6600;
scrollbar-darkshadow-color: #000080;
scrollbar-track-color: #000080;
}

Quelle colorano le barre dei box dei form mi pare.
Io parlo proprio della scrollbar del browser.

[andbin]

Originariamente inviato da Matrixbob

Non dovrebbero essere queste:

body {
scrollbar-arrow-color: #FF6600;
scrollbar-3dlight-color: #000080;
scrollbar-highlight-color: #FF6600;
scrollbar-face-color: #000080;
scrollbar-shadow-color: #FF6600;
scrollbar-darkshadow-color: #000080;
scrollbar-track-color: #000080;
}

Quelle colorano le barre dei box dei form mi pare.
Io parlo proprio della scrollbar del browser.

Sì, il codice è proprio quello. Se metti come selettore 'body' solo le scrollbar contenute nel documento (textarea, ecc...) verranno stilizzate e non quella della finestra. Se vuoi stilizzare anche la scrollbar della finestra, metti il selettore 'html'.

html {
scrollbar-arrow-color: #FF6600;
....

Comunque questa colorazione della scrollbar vale solo ed esclusivamente per IE 5.5+.

[Matrixbob]

Funziona solo con IE ma funziona. TNX.

[Matrixbob]

http://www.viaggiaedormi.it/alberghi...caserta&sl=sl4
Ma come mai qui funziona anche con Opera?!
Quello che faccio io col tag HTML invece no....

Questo è il CSS di quella pagina:

body.body
{
 margin-top:1px; background-color:#ffffff; display: block; scrollbar-face-color: #1921BF; scrollbar-shadow-color: c0c0c0;
 scrollbar-highlight-color: FFFFFF; scrollbar-3dlight-color: C0C0C0; scrollbar-darkshadow-color: 000000;
 scrollbar-track-color: #6598EB; scrollbar-arrow-color: #FFFFCC; scrollbar-base-color: EE722F;
 }

TABLE.table1
{
  width:100%; background-color:transparent;
}
TD.tdheader
{
    font-family:Tahoma,Arial,Verdana; font-size:8pt; background-color:transparent; text-align:left; color:0A4461; font-weight:bold;
}
td.tdcenter
{
    font-family:Tahoma,Arial,Verdana; font-size:8pt; color:#0F61BE; text-align:center;letter-spacing: 0px; word-spacing: 0px;padding-left:1px;text-decoration:none;
}
td.tasto
{
   font-family:Arial,Verdana;font-size:8pt;text-align:left;text-decoration:none;border-bottom:#ffffff 0px inset;padding:0px;
}
TD.tdsfondocorpo
{
    background-color:transparent; padding-left:2px;
}
TD.tdlinksx
{
    FONT-FAMILY: Tahoma,Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; color:#336699; TEXT-ALIGN: left; TEXT-DECORATION: none; PADDING: 1px;
}
.newsletterborder
{
	 font-family:Tahoma,Arial,Helvetica, sans-serif; color:#336699;font-size:8pt;text-align:center;BORDER: #AECEF3 1px solid;
}
.sxborder
{
	 font-family:Tahoma,Arial,Helvetica, sans-serif; color:#336699;font-size:8pt;text-align:left; background-color:DDE7F2;BORDER: #AECEF3 1px solid;
}
.bottomborder
{
	 font-family:Tahoma,Arial,Helvetica, sans-serif; color:#0C48F6;font-size:8pt;text-align:right;BORDER-bottom: #DFE8F0 1px solid;PADDING: 1px;
}
.new
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0B5A87; text-align:left; padding-left:1px;text-decoration:none;
    }
TD.destinationborder
{
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#336699;padding:1px;
}
TD.vedintestamotocolor
{
    font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#ffffff; text-align:left; font-weight:bold; background-color:#376DAB; padding-left:1px;
}
td.lkboldwhite
{
    font-family:Verdana,Arial; font-size:9pt; color:#FFFFFF; text-align:left; padding-left:1px;text-decoration:none;
}
td.lkboldblue
{
    font-family:Tahoma; font-size:8pt; color:#000000;text-decoration:none;
}
.descri
{
    font-family:Arial,Verdana,Tahoma;font-size:8pt; color:#1B0DDF; text-align:left;
}
.small
{
    font-family:Tahoma,Arial,Verdana;font-size:8pt; color:#929191; text-align:center;background-color:ffffff;border:#000000 1px solid;
}
a.lkboldwhite:link
    {
        font-family:Verdana,Arial; font-size:8pt;   color:#FFFFFF; text-align:left; padding-left:1px;text-decoration:none;
    }
a.lkboldwhite:visited
    {
        font-family:Verdana,Arial; font-size:8pt;   color:#FFFFFF; text-align:left;padding-left:1px;text-decoration:none;
    }
a.lkboldwhite:hover
    {
        font-family:Verdana,Arial; font-size:8pt; color:#A7EFFC; text-align:left;padding-left:1px;text-decoration:none;
    }
a.new:link
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0B5A87; text-align:left; padding-left:1px;text-decoration:none;
    }
a.new:visited
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0B5A87; text-align:left; padding-left:1px;text-decoration:none;
    }
a.new:hover
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0000ff; text-align:left; padding-left:1px;text-decoration:none;
    }
a.blue:link
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0000ff;text-decoration:none;
    }
a.blue:visited
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#0000ff;text-decoration:none;
    }
a.blue:hover
    {
        font-family:Tahoma,Arial,Verdana; font-size:8pt;   color:#B64FF1;text-decoration:none;
    }
a.lkboldblue:link
    {
        font-family:Tahoma; font-size:8pt; color:#000000;text-decoration:none;
    }
a.lkboldblue:visited
    {
        font-family:Tahoma; font-size:8pt; color:#000000;text-decoration:none;
    }
a.lkboldblue:hover
    {
        font-family:Tahoma; font-size:8pt; color:#0000ff;text-decoration:underline;
    }
.lk_evidence
{
    font-family:Tahoma,Tahoma;font-size:9pt; color:#5C5C5D;
}
a.lk_evidence:link
    {
        font-family:Tahoma,Tahoma; font-size:9pt;  color:#0A5FBE; text-decoration:none; padding-left:1px;
    }
a.lk_evidence:visited
    {
        font-family:Tahoma,Tahoma; font-size:9pt;   color:#0A5FBE; text-decoration:none;
    }
a.lk_evidence:hover
    {
        font-family:Tahoma,Tahoma; font-size:9pt; color:#0A5FBE; text-decoration:none;
    }
.td4
{
    font-family:Tahoma, Verdana; font-size:8pt;  background-color:E3F5FB; BORDER:1px solid rgb(192,192,192); text-align:right; padding-left:5px; color:#0C7CA1;
}
TD.td5
{
    font-family:Tahoma, Verdana; font-size:8pt; background: transparent; text-align:center; color:#E6EBF3;
}
TD.td6
{
    font-family:Tahoma, Verdana; font-size:8pt; background-color:transparent; text-align:center; color:#E6EBF3;
}
TD.banner
{
    text-align:center; padding-top:1px; padding-bottom:1px; background-color:transparent;
}
TD.tdavviso1
{
    font-family:Tahoma, Arial, Verdana; font-size:12px;  background-color:EEEEEE; text-align:center; font-weight:bold; width:100%; color:FF0000;
}
TD.schedapertura1
{
    font-family:Tahoma,Verdana; font-size:12px; color:0D5909; text-align:center; font-weight: bold; background-color:30DE27; width:20px; height:20px; border:1px inset rgb(192,192,192);
}
TD.schedapertura2
{
    font-family:Tahoma,Verdana; font-size:12px; color:FFFFFF; text-align:center; font-weight: bold; background-color:D83A20;padding:1px; width:20px; height:20px; border:1px outset rgb(192,192,192);
}
TD.schedatd7
{
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:8pt;text-align:left;background-color:#167AEC;padding:3px;
}
INPUT.input1
{
    font-family:Verdana; color:#376DAB;font-size:8pt;  background-color:ffffff; text-align:left;
}
INPUT.input2
{
    font-family:Verdana; font-size:8pt; color:#376DAB;  background-color:ffffff;
}
INPUT.inputform
{
    font-family:tahoma; color:#000000;font-size:8pt;background-color:ffffff;border:#c0c0c0 1px inset;
}
INPUT.inputasto1
{
    font-family:Verdana; font-size:8pt; background-color:C4C9CF; BORDER:#ffffff 1px outset; COLOR:000000; font-weight:bold;
}

INPUT.inputasto2
{
    font-family: Verdana,Arial; font-size:8pt; background-color:FFFFFF; BORDER:1px outset rgb(192,200,182); COLOR:000000; font-weight:bold;
}
TEXTAREA.area1
{
    font-family:tahoma,Verdana,Arial; font-size:8pt; padding:3px; BORDER:#c0c0c0 1px inset; COLOR:#000000; background-color:#FFFFFF;
}
SELECT.select1
{
    font-family:Verdana,Arial; font-size:8pt;  background-color:FFFFFF;
}
IMG.fotovetrina
{
    BORDER: #000000 1px solid; width:100; height:100; margin-left:1px; margin-top:1px;
}
IMG.fotofferte
{
    width:100; height:100;border:0px;
}
IMG.fotozoom
{
    BORDER:0px; width:250; height:250; margin-left:0px; margin-top:0px;
}
IMG.fotolocalita
{
    BORDER:0px solid rgb(192,192,192); width:132; height:132;
}
IMG.fotografico
{
    BORDER:0px solid rgb(192,192,192); width:156; height:156;
}