Scrollbalken einfärben

[angeleyes]

Hallo,

ich hätte ja nicht gedacht, dass ich mit diesem Thema hier aufschlagen muss, aber ich seh den Wald vor Bäumen wohl nicht.

Also, ich habe die Index-Datei mit der CSS verknüpft

<link rel="stylesheet" type="text/css" href="kirche.css">

Dann natürlich auch die entwsprechende Datei richtig benannt und das CSS geschrieben

<style type="text/css">
<!--

body {
    scrollbar-base-color: #006600;
    scrollbar-face-color: #0033FF;
    scrollbar-track-color: #CC00FF;
    scrollbar-arrow-color: #FF0033;
    scrollbar-3dlight-color: #FFFF00;
    scrollbar-darkshadow-color: #FFCC33;
    scrollbar-highlight-color: #FF33FF;
    scrollbar-shadow-color: #CCFF33;
    }

...
-->

Es geht nur um die Scrollbalken - bitte nicht bei den Farben erschrecken *gg* - ich bin nur am Testen, denn es geht nicht.

Ich versteh es nicht *grübel* sonst geht es IMMER - alle anderen Formatierungen aus dem CSS nimmt er einwandfrei an.

Lieben Gruß und vielen Dank
Nicole

[schwerminator]

du weißt, das dieser effekt nur im IE funzt?!

[dipser]

Hast du in die CSS-Datei dieses hier geschrieben: <style type="text/css">
Falls ja, dann wäre der logische Schritt die dazugehörigen Zeilen mal zu entfernen.

P.S.: Schreibe lieber:
<link rel="stylesheet" media="screen,projection" href="kirche.css" type="text/css" title="Kirche" />

[dipser]

du weißt, das dieser effekt nur im IE funzt?!

Das stimmt nicht ganz. Der Konqueror setzt diese Angaben auch um.

[schwerminator]

achso wustt ich net!
naja, man lernt ja immer noch dazu...

[angeleyes]

Fluppt aber auch nicht - ich verstehe das nicht - habe IE - ALLE anderen Angaben aus dem CSS übernimmt er nur bei den Scrollbalken streikt er.

Ich schmeiß das Ding gleich aus dem Fenster.

In jeder anderen CSS, die ich bis jetzt geschrieben habe, geht es so. Nur jetzt und hier nicht. :whacky: Ich werde noch ganz konfus! :brainless

Ich glaube mir ist das zu spät :sleepy: Ich versuche es morgen nochmal.

Vielleicht hat ja von Euch noch jemand einen ultimativen Tipp.

Sonst können mich diese dämlichen Scrollbalken sonstwo! *grummel*

Lieben Gruß und vielen Dank
Nicole

[dkdenz]

Ist natürlich eine schöne Sache mit den farbigen Scrollbars...
...wenn's auch andere Browser darstellen würden.
Problem ist natürlich, man macht es im IE und der macht es ja,
aber die anderen nicht und dann schaut man sich die Vorgabe an und es sieht einfach nicht so aus,
wie man es will.
Eigentlich schade...
Ich finde, es sollte Standard werden, aber auf mich hört ja keiner...

[AnderKatze]

schreib mal nur das da in die "kirche.css":

body {
    scrollbar-base-color: #006600;
    scrollbar-face-color: #0033FF;
    scrollbar-track-color: #CC00FF;
    scrollbar-arrow-color: #FF0033;
    scrollbar-3dlight-color: #FFFF00;
    scrollbar-darkshadow-color: #FFCC33;
    scrollbar-highlight-color: #FF33FF;
    scrollbar-shadow-color: #CCFF33;
    }

also das da:
<style type="text/css">
<!--
und das da:
...
-->
nicht mit!

Ist natürlich eine schöne Sache mit den farbigen Scrollbars...
...wenn's auch andere Browser darstellen würden.

Opera ab Version 7.50 unterstützt auch Farbige Scrollbalken!

[dkdenz]

Entschuldige, dass finde ich ja grundsätzlich gut, aber OPERA ist (Megaf**k...)
In Klammern: Megafuck...

[AnderKatze]

Opera is überhaupt des geilste wasses gibt!!!

I Opera !!

[dkdenz]

Nenne mir einen Grund,
warum OPERA gut ist....
OPERA ist einer der wenigen Browser,
die einem ALLES zerschießen, was man stundenlang getestet hat... :whacky:

[angeleyes]

Guten Morgen,

habe ich auch eben versucht - geht auch nicht.

Also, was ich nicht verstehe, ist, er hat es sonst immer genommen, was ich ihm auch im Bezug auf die Scrollbalken geordert habe UND alle anderen Styles nimmt er an.

Ich gebe Euch mal den Link: Evangelische Kirchengemeinde - die Farben wollte der Pfarrer, da sie die Farben der ev. Kirche sind, bitte nicht erschrecken ich muss da wohl noch was Überredungsarbeit leisten, es dezenter zu machen. Nur der Link Kindergarten funktioniert schon und dann zurück zur Hauptauswahl - alles andere ist noch in Arbeit.

Und das komplette - wie AnderKatze vorgeschlagene geänderte - CSS als Code, vielleicht ist da ja doch was drinnen, was die Scrollbalken aufhebt.

  body {
  scrollbar-face-color:#9932CC;
  scrollbar-track-color:#BF7AB8;
  scrollbar-arrow-color:#676767;
  scrollbar-highlight-color:#8B008B;
  scrollbar-shadow-color:#FFFAF0;
  scrollbar-3dlight-color:#A8A8A8;
  scrollbar-darkshadow-color:#000000;
  }
 

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12pt; 
	font-weight:700;
	text-align: center;
	color: Black;
}
p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt;
	font-weight:500;
	text-align: left;
	color: Black;
}
h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt;
	font-weight:500;
	text-align: right;
	color: Black;
}
h3 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:10pt;
	font-weight:500;
	text-align: center;
	color: Black;
}
#left {
background-color:#FF00FF;
width:128px;
float:left;
}
#title {
height:34px;
padding:5px;
background-color:#CC99FF;
border-bottom:1px solid #000;
}
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#D2691E;
width:106px;
margin:5px;
float:left;
}
a.menu:link, a.menu:visited
{ 
 color:#000000;
 background-color:#F4A460;
 text-decoration:none;
}
a.menu:active, a.menu:hover
{ 
 color:#737994;
 background-color:#FFE4B5;
}
a.menu {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:#737994;
 text-align:left;
 font-weight:normal;
 color:#DAA520;
 text-decoration:none;
 }
#content {
border:10px solid #CC33FF;
background-color:#efeff7;
width:635px;
float:right;
padding:0px 10px;
}
#list ul{
margin:0;
padding:5px;
list-style:none;
white-space: nowrap;}

#list li{display:inline;}

#list a{
font:normal 12px arial,sans-serif;
color:#000000;
text-decoration:none;
padding:3px;
background-color:#F4A460;
border:1px solid #000;
text-align:center;}

#list a:active{
color:#737994;
background-color:#FFE4B5;
} 
#list a:hover{
color:#737994;
background-color:#FFE4B5;
} 

a:link { 
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:none;
color:#000000;
} 

a:visited  { color:#000000; font-weight: 500; font-size: 10pt; font-family: Arial, Verdana, Helvetica; text-decoration: line-through } 

a:active { 
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:underline;
color:#000000;
} 

a:hover { 
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:none;
color:#000000;
}

Sorry, für mein Generve aber gerade deswegen ein ganz großes Dankeschön für Eure Hilfe! :love:

Lieben Gruß
Nicole

[dkdenz]

Tu das noch dazu:

background-color: #fff; (mit der entsprechenden Farbe natürlich...)

body {
background-color: #fff;
scrollbar-base-color: #006600;
scrollbar-face-color: #0033FF;
scrollbar-track-color: #CC00FF;
scrollbar-arrow-color: #FF0033;
scrollbar-3dlight-color: #FFFF00;
scrollbar-darkshadow-color: #FFCC33;
scrollbar-highlight-color: #FF33FF;
scrollbar-shadow-color: #CCFF33;
}

[angeleyes]

Ich habe wohl einen merkwüdigen IE - der macht es immer noch nicht.

Ich versteh das nicht!!!

Lieben Gruß
Nicole

[dkdenz]

Du hast recht...
Seltsam, meiner zeigt mir auch den Finger...
Ich habe jetzt schon die 3. Variante ausprobiert, aber mein Browser streikt...