+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Scrollbalken in iframe: wie farblich anpassen? (/showthread.php?tid=28827)
Scrollbalken in iframe: wie farblich anpassen? - Nine75 - 25.06.2009
Hallo,
ich habe nun schon hin & her probiert (per css), aber es klappt einfach nicht.
Möchte meine Scrollbalken im iframe farblich meiner Webseite anpassen.
Kann man das auch als HTML schreiben?
Wenn ja, wie gehe ich vor?
Scrollbalken in iframe: wie farblich anpassen? - Beagle - 25.06.2009
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
Scrollbalken in iframe: wie farblich anpassen? - Nine75 - 26.06.2009
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?
Es handelt sich um Frames, muss ich dann den Code auf jede einzelne Seite bauen?
Scrollbalken in iframe: wie farblich anpassen? - Beagle - 26.06.2009
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
Scrollbalken in iframe: wie farblich anpassen? - Nine75 - 26.06.2009
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.
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.
Scrollbalken in iframe: wie farblich anpassen? - Beagle - 26.06.2009
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
Scrollbalken in iframe: wie farblich anpassen? - Nine75 - 26.06.2009
Hallo Beagle!
Das mit dem html Code hat schonmal geklappt!
Viiiiiiiiiiiiiiiiiiiiiielen Dank!!!!
So, Link ist gespeichert und werde ich mir mal zur Brust nehmen!:lol:
Scrollbalken in iframe: wie farblich anpassen? - Beagle - 26.06.2009
grien...
Grüße, Beagle :haue: