Scrollbalken in iframe: wie farblich anpassen?
#1
Hallo,

ich habe nun schon hin & her probiert (per css), aber es klappt einfach nicht.confused
Möchte meine Scrollbalken im iframe farblich meiner Webseite anpassen.
Kann man das auch als HTML schreiben?
Wenn ja, wie gehe ich vor?confused
Zitieren
#2
Code:
html {
  scrollbar-face-color:           #171717;
  scrollbar-highlight-color:      #303030;
  scrollbar-3dlight-color:        #202020;
  scrollbar-darkshadow-color:     #080808;
  scrollbar-shadow-color:         #262626;
  scrollbar-arrow-color:          #bababa;
  scrollbar-track-color:          #2a2a2a;
  }

Die Farben musst Du selber festlegen. Es gibt auch Freeware Tools zur interaktiven Farbwahl, bspw. NC Cool Scollbars. Die farbigen Scrollbars sieht man aber nur im Internet Explorer und bei Opera im Quirks Mode (ist jedenfalls bei mir der letzte Stand der Dinge).


Grüße, Beagle
Zitieren
#3
Bei mir sieht der "Kopf" so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>=^..^= Kimbas Burzeltagsseite =^..^=</title>
<style type="text/css">
<!--
body {
background-image: url(back.jpg);
background-image: url(back.jpg);

}
-->
</style>
</head>


Wo kann ich den Code nun wie einbauen?confused
Es handelt sich um Frames, muss ich dann den Code auf jede einzelne Seite bauen?
Zitieren
#4
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>=^..^= Kimbas Burzeltagsseite =^..^=</title>
<style type="text/css">

[COLOR=Red]html {
  scrollbar-face-color:           #171717;
  scrollbar-highlight-color:      #303030;
  scrollbar-3dlight-color:        #202020;
  scrollbar-darkshadow-color:     #080808;
  scrollbar-shadow-color:         #262626;
  scrollbar-arrow-color:          #bababa;
  scrollbar-track-color:          #2a2a2a;
  }
[/COLOR]
body {
  background-image: url(back.jpg);
  background-image: url(back.jpg);
}
</style>
</head>

diese --> Pfeilchen in deinen <style..> Anweisungen bitte weglassen, das ist kein gültiger Code, jedenfalls nicht in diesem Zusammenhang. Diese #123456 Anweisungen sind die Farben. So wie der Code für html eingetragen ist, gilt er für die ganze Seite, bzw. bei Dir für den entsprechenden Frame. Wenn Du den farbigen Scrollbar auf bei allen Frame Inhalten haben möchtest, musst Du so wie Du programmiert hast, die html Formatierung in allen Frame-Seiten einfügen. Falls was wider Erwarten nicht klappt, glaub ich jetzt nicht aber ich hab das auch jetzt nicht geprüft, müsste da wo oben html steht dann eben iframe hin.

Kleiner Tipp: informier Dich mal, wie man Formatierungen (styles) als externe *.CSS Datei anlegt und einbindet. Ich schick Dir gerne ein fertiges Beispiel wenn Du magst. Dann brauchst Du solche Geschichten nur 1 mal zu deklarieren und sie gelten für alle verbundenen Seiten. Das ist dann der Anfang von fortgeschrittener HTML Programmiereung.

Das sollte Dein Problemchen lösen.

Schöne Grüße, Beagle
Zitieren
#5
Beagle schrieb:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>=^..^= Kimbas Burzeltagsseite =^..^=</title>
<style type="text/css">

[COLOR=Red]html {
  scrollbar-face-color:           #171717;
  scrollbar-highlight-color:      #303030;
  scrollbar-3dlight-color:        #202020;
  scrollbar-darkshadow-color:     #080808;
  scrollbar-shadow-color:         #262626;
  scrollbar-arrow-color:          #bababa;
  scrollbar-track-color:          #2a2a2a;
  }
[/COLOR]
body {
  background-image: url(back.jpg);
  background-image: url(back.jpg);
}
</style>
</head>

diese --> Pfeilchen in deinen <style..> Anweisungen bitte weglassen, das ist kein gültiger Code, jedenfalls nicht in diesem Zusammenhang. Diese #123456 Anweisungen sind die Farben. So wie der Code für html eingetragen ist, gilt er für die ganze Seite, bzw. bei Dir für den entsprechenden Frame. Wenn Du den farbigen Scrollbar auf bei allen Frame Inhalten haben möchtest, musst Du so wie Du programmiert hast, die html Formatierung in allen Frame-Seiten einfügen. Falls was wider Erwarten nicht klappt, glaub ich jetzt nicht aber ich hab das auch jetzt nicht geprüft, müsste da wo oben html steht dann eben iframe hin.

Kleiner Tipp: informier Dich mal, wie man Formatierungen (styles) als externe *.CSS Datei anlegt und einbindet. Ich schick Dir gerne ein fertiges Beispiel wenn Du magst. Dann brauchst Du solche Geschichten nur 1 mal zu deklarieren und sie gelten für alle verbundenen Seiten. Das ist dann der Anfang von fortgeschrittener HTML Programmiereung.

Das sollte Dein Problemchen lösen.

Schöne Grüße, Beagle


Hallo Beagle,
lieben Dank für Dein Posting.xmasdanke
In dem Code, den Du geschrieben hast, sind die "Pfeilchen", die Du meinst, weg, oder? Kann ich das so übernehmen?
Mit der css-Datei hatte ich auch bereits probiert, aber auch das klappte nicht.
Gerne kannst Du mir eine css-Datei zuschicken bzw. hier posten (den Code), aber dann müsste ich wissen, was ich dann in meinen html-Dokumenten ändern muss.
Lieben Dank im voraus.
Zitieren
#6
in meinem Code oben sind die "Pfeilchen" weg. Den kannst Du soweit einbauen.

Das mit der externen *.CSS lernt man/frau mit der Zeit ;O) Es Bedarf erst mal einer gewissen Sicherheit im Umgang mit CSS Anweisungen (style..etc.) und mehr Erfahrung bei den Browsern.

Ich gebe Dir einfach mal einen Download Link von einer Frame Konstruktion anbei. Vielleicht studierst Die mal in einer Mußestunde, oder fängst damit an...:stinkig:

Mit der Zeit wirst Du dann die doch gravierenden "Problemchen" von Frame Konstruktionen heraus finden und vermutlich auf die eine oder andere Programmierschiene gehen. Viel Erfolg dabei.

Hier der versprochene AnschauungsDemonstrationsMegaOberSuperKlickMichLink ;O)

So witzig wie die Seite in dem Link vielleicht ausschauen mag, so vielseitig sind Probleme mit Frame Konstruktionen. Derzeitiger Trend sind so genannte CSS Homepages mit ausgelagerter Formatierung in separaten CSS Dateien, keine Frames, keine Tabellen, sondern DIV Container....übrigens fahr' ich Twingo und nix großkupfertes ;O)


Grüße, Beagle
Zitieren
#7
Hallo Beagle!
Das mit dem html Code hat schonmal geklappt!
Viiiiiiiiiiiiiiiiiiiiiielen Dank!!!!xmasdanke
So, Link ist gespeichert und werde ich mir mal zur Brust nehmen!:lol:
Zitieren
#8
grien...


Grüße, Beagle :haue:
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Tabelle an Bildschirmauflösung anpassen MacRubino 7 3.620 29.06.2012, 13:02
Letzter Beitrag: Helmut
  Problem beim Anpassen von Jalbum skin an website! paula-001 6 3.384 10.11.2008, 22:32
Letzter Beitrag: fotoclown
  Bräuchte dringend Hilfe (betrifft vermutlich iFrame) Magicalfire 0 1.094 10.11.2008, 02:04
Letzter Beitrag: Magicalfire
  Text an einem Bild anpassen! litterauspirna 20 4.613 26.01.2008, 17:35
Letzter Beitrag: Ebba
  iframe shakira71 2 1.018 17.06.2007, 14:51
Letzter Beitrag: shakira71
  Webseite an Bildschirmauflösung anpassen? Iceangel 4 2.424 09.04.2007, 18:08
Letzter Beitrag: prm
  Scrollbalken - wie wurde dieser gemacht? Seramis 7 1.496 08.03.2007, 23:44
Letzter Beitrag: prm
  Iframe soll sich der Höhe des Inhalts anpassen benschy 2 1.861 11.12.2006, 18:51
Letzter Beitrag: benschy
  Alternative für Iframe gesucht Elbenhexe 6 2.006 01.12.2006, 09:40
Letzter Beitrag: Hippo
  IE-Problem iframe red-munich 3 1.014 27.10.2006, 01:04
Letzter Beitrag: red-munich