Hi!

Wie kann man den Scrollbalken eines frames färben? So wie bei mir (

Code: Alles auswählen

<div id="Layer2">
  <iframe src="main.html" name="main" width="480" height="400" border="0" frameborder="0" id="main" allowtransparency="true"                             srcolling="auto" > </iframe>

) ist er nur normal grau.

Thx im vorraus

ist die datei die du mit ifram einbindest eine von dir mit html oder ein externer link?

hauptsächlich von mir

Die Scrollbalken kann man mittels CSS färben, geht aber nur im IE ab 5.5, Opera ab Version 7.2 und Konqueror: http://de.selfhtml.org/css/eigenschafte ... #scrollbar

des hätt ich im auch gesagt, so mach ichs ja auch, aber geht des auch mit nem i frame, wenn ich mit dem ifrage z.b. www.google.de einbinde? dann müsste der code doch auf google sein, oder?

.:MT:. hat geschrieben:Hi!

Wie kann man den Scrollbalken eines frames färben? So wie bei mir (

Code: Alles auswählen

<div id="Layer2">
  <iframe src="main.html" name="main" width="480" height="400" border="0" frameborder="0" id="main" allowtransparency="true"                             srcolling="auto" > </iframe>

) ist er nur normal grau.

Thx im vorraus

Er verlinkt aber auf "main.html"

Die Seite wird so dargestellt, wie du sie in main.html definierst, wenn du dort die Scrollfarben änderst werden sie geändert

raph_ hat geschrieben:des hätt ich im auch gesagt, so mach ichs ja auch, aber geht des auch mit nem i frame, wenn ich mit dem ifrage z.b. www.google.de einbinde? dann müsste der code doch auf google sein, oder?

Genau.

aber mit nem externem link funkts net, oder?

thx das funzt bei mir. Aber kann man das nich irgendwo eintippen damit das auch für alle unterseiten gilt? ~.~

Unterseiten halt auf die gleiche *.css datei verlinken....

jep.. du bindest wahrscheinlich css direkt in deine page ein, oder?

aber es ist besser wenn dus so machst:

also... des ist meine css datei (style.css), sie liegt im ordner: style/cssstyle/style.css

erstelle einfach ein neues textdocu und nenne es z.b. style.css ... dann kannst du in diese datei css befehle reinschreiben... hier ein beispiel.. das ist alles, was in meinem css dokument steht:

Code: Alles auswählen

/*---------- © Copyright by Raph ( www.raph.de.be ) ----------*/
<!--
body {
  font-family: verdana;
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
  text-align: left;
  background-color: #9A99B1;
  scrollbar-3dlight-color:#F6A727;
  scrollbar-arrow-color:#F6A727;
  scrollbar-face-color:#000000;
  scrollbar-track-color:#F6A727;
  scrollbar-darkshadow-color:#000000;
  scrollbar-highlight-color:#F6A727;
  scrollbar-shadow-color:#F6A727;
}
table {
  border: 2px solid black;
  background-color: #FFFFFF;
  border-color: #000000;
  cellspacing: 0;
  cellpadding: 0; 
}
td {
  border: 1px solid black;
  border-color: #000000;
  font-family: "verdana";
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
  text-align: left;
  vertical-align: top;
}
.register {
  font-family: "verdana";
  color: #000000;
  font-size: 9pt;
  text-decoration: blod;
  text-align: center;
  vertical-align: middle;
}
.hauptwindow {
  font-family: "verdana";
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  text-align: left;
}
.linksnavi {
  font-family: "verdana";
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  text-align: right;
}
.rechtsnavi {
  font-family: "verdana";
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  text-align: left;
}
.copyright {
  font-family: "verdana";
  color: #000000;
  font-size: 7pt;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.ipanzeige {
  font-family: "verdana";
  color: #000000;
  font-size: 7pt;
  text-decoration: none;
  text-align: left;
  vertical-align: middle;
}
.datumanzeige {
  font-family: "verdana";
  color: #000000;
  font-size: 7pt;
  text-decoration: none;
  text-align: right;
  vertical-align: middle;
}
  a:link { color:#000000; text-decoration:none; }
  a:visited { color:#000000; text-decoration:none; }
  a:active { color:#000000; text-decoration:none; }
  a:hover { color:#000000; text-decoration: underline overline; }
//-->
/*---------- © Copyright by Raph ( www.raph.de.be ) ----------*/


und so sieht dann die html datei aus:

Code: Alles auswählen


<html>
<head>
<title>balbalbqal...</title>
<link rel="stylesheet" type="text/css" href="style/cssstyle/style.css">
</head>
<body>
balbnlabla..
<br>
hier halt dein zeugs...
<br>
und so...
</body>
</html>


wichtig ist halt, das ud in alle seiten diesen code hier einfügst (im head breich) :

Code: Alles auswählen

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

also.. alles kapiert oder soll ich noch was sagen?

mfg, raph