• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollbar im iframe färben

Status
Für weitere Antworten geschlossen.
W

web_queen

Neues Mitglied
hallöchen,

will die farbe meines scrollbalkens in einem iframes ändern und hab da folgendes:

HTML: 
iframe 
{
scrollbar-3dlight-color:#FF9E00;
scrollbar-arrow-color:#FF9E00;
scrollbar-base-color:#FFDF00;
scrollbar-darkshadow-color:#C64100;
scrollbar-face-color:#FF7D00;
scrollbar-highlight-color:#FF9E00;
scrollbar-shadow-color:#E76100;
} 
 
</style>
 
<iframe frameborder="0" width=100% height=100% scrolling="auto"  src="test.html">
</iframe>

klingt schon ma nich schlecht - aber: die farben ändern sich nich :(

bitte um hilfe - danke :grin:
 
Ich würde mal versuchen, den style auf die seite zu setzen, die im Iframe angezeigt wird, vll hilft das ja was.
 
also nen div drum rum basteln, oder?

und bezieh ich mich im css dann immernoch auf den iframe oder auf den div? wenn ich das so mach, verändert sich absolut nix :?
 
es scheint mir aber, dass du den anfangs tag vergessen hast !!!
 
Zuletzt bearbeitet:
nee nee...ich hab nich alles an css in die test.html übernommen, wie du schon gesagt hast. jetzt geht alles wunderbar!

danke :mrgreen:
 
Oh mein Gott mach den Style einfach in die Iframe Seite, wie soll deine Lösung denn bitte funktionieren?

mfg
 
@dementia:

er meint wahrscheinlich, das er nicht das komplette css von seiner index in die test.html gepackt hat, sondern nur den teil vom scrollen (auch wenn seine satzstellung + aussage keinen sinn macht :roll: ), genauso wie ich es ihm gesagt habe... Wenn nicht, weiß ich auch nicht was er gemeint hat!
 
Hallo,
ich habe das gleiche Problem.
Aber leider komme ich mit diesen Aussagen nicht zurecht und kann mir nicht weiterhelfen.

HTML: 
body {
margin: 0;
padding: 0;
font-size: 100%;
background: #FFFF00; 
scrollbar-face-color: #FFFF00; 
scrollbar-track-color: #FFFF5E; 
scrollbar-arrow-color: #000000; 
scrollbar-shadow-color: #0271C5; 
scrollbar-highligt-color: #000000; 
scrollbar-3dlight-color: #FFFF00; 
scrollbar-darkshadow-color: #0271C5;
}
Das ist natürlich in CSS geschrieben, ich weis leider nur nicht wie man das hier eintippen muss.

Bitte die Erklärung für einen Dummkopf :roll: :cry:


Nur zu meiner Verteidigung : Ich bin Anfänger :lol:
 
Bau einfach das:
Code: 
<style>
body {
margin: 0;
padding: 0;
font-size: 100%;
background: #FFFF00; 
scrollbar-face-color: #FFFF00; 
scrollbar-track-color: #FFFF5E; 
scrollbar-arrow-color: #000000; 
scrollbar-shadow-color: #0271C5; 
scrollbar-highligt-color: #000000; 
scrollbar-3dlight-color: #FFFF00; 
scrollbar-darkshadow-color: #0271C5;
}
</style>

In den <head>-Bereich der Seite, die in dem Iframe angezeigt wird

PS: Einfärben etc. von Scrollbalken erkennt nur der MSIE
 
Hi,
danke für die Hilfe aber es funktioniert trotzdem nicht.
den <style>- tag hatte ich schon da stehen hab ihn bloß nicht mit reingeschrieben. Das Probelm ist, das ich es damals in den html code in front page eingefügt habe, da hat es einwandfrei funktioniert.
Und jetzt will ich auf css umsteigen und da klappt es nicht.

funktioniert:
Code: 
<style type="text/css"><!--body{scrollbar-face-color: #FFFF00; 
scrollbar-track-color: #FFFF5E; scrollbar-arrow-color: #000000; 
scrollbar-shadow-color: #0271C5; scrollbar-highligt-color: #000000; 
scrollbar-3dlight-color: #FFFF00; scrollbar-darkshadow-color: 
#0271C5;}--></style>

funktioniert nicht:
Code: 
<style type="text/css">
html {
   margin: 0;
   padding: 0;
}
[COLOR=red]body {[/COLOR]
[COLOR=red]margin: 0;[/COLOR]
[COLOR=red]padding: 0;[/COLOR]
[COLOR=red]font-size: 100%;[/COLOR]
[COLOR=red]background: #FF0; [/COLOR]
[COLOR=red]overflow: hidden;[/COLOR]
[COLOR=red]scrollbar-face-color: #FFFF00; [/COLOR]
[COLOR=red]scrollbar-track-color: #FFFF5E; [/COLOR]
[COLOR=red]scrollbar-arrow-color: #000000; [/COLOR]
[COLOR=red]scrollbar-shadow-color: #0271C5; [/COLOR]
[COLOR=red]scrollbar-highligt-color: #000000; [/COLOR]
[COLOR=red]scrollbar-3dlight-color: #FFFF00; [/COLOR]
[COLOR=red]scrollbar-darkshadow-color: #0271C5;[/COLOR]
[COLOR=red]}[/COLOR]
 #head {
 float: top;
 padding: 0;
 margin: 0;
 border: 0;
 font-weight: bold;
 color: #000000;
 width: 100%;
 background-color: #FFFF00;
}
 #mainmenue {
 float: top;
 padding: 0;
 position: fixed;
 margin: 0;
 border: 0;
 font-weight: bold;
 color: #FFFFFF;
 background: #C00;
 width: 100%; 
 link-color:#FFFFFF;
 }
 #mainpage {
 float: top;
 padding: 0;
 margin: 0;
 border: 0;
 font-weight: bold;
 color: black;
 background: #FF0;
 width: 100%;
 }
 
a.menuelink:link {
 color: #FFFFFF;
 text-decoration: none;
}
a.menuelink:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a.menuelink:hover {
 text-decoration: none; 
 color: #FFFFFF; 
 text-decoration: blink; 
 text-transform: uppercase; 
 font-weight: bold
}
a.menuelink:active {
 text-decoration: none;
 color: #FFFFFF;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
Die stehen beide im Headbereich
 
du musst das auch für "html" festlegen... und statt "body" am besten "* html body" schreiben. allerdings sind farbige scrolleisten sowieso nur im ie unterstützt und nicht valide...
 
bau einfach diese speziellen scrollleisten nicht in den iframe, sondern in die dateien die in dem iframe stehen sollen. wenn du zb die index.html mit nem iframe hast und die seiten beispiel1.html und beispiel2.html, denn baust du diese syleangaben einfach da ein :

index.html

Code: 
...
  <iframe src="beispiel1.html" height="..." width="..." name="haupt" border="0" frameborder="0" scrolling="auto"  ></iframe>
...

beispiel1.html und alle anderen seiten die im iframe angezeigt werden sollen:

Code: 
...
  <head>
...
  <link rel="stylesheet" href="format.css" type="text/css">
...
  </head>
  <body class="stylename(in css definiert)" scroll="yes" >
...
  </body>
...

Mfg

Marek
 
also danke für eure Antworten. Ich habs jetzt endlcih geschafft. :-D
ich habs einfach direkt im html eingegegeben, da ich iframes bislang nicht verwende, weil...

meine Homepage (die übrigens für einen Verein ist http://www.tc70-sandhausen.de) bislang aus reinen Frames besteht, und ich jetzt mit dem CSS umstieg davon weg kommen möchte, da es einige Nchteile hat.
Habe aber bislang keine Ahnung wie es ohne geht, ich habe dazu aber eben einen neuen post geschrieben. Für Antworten bzw. Hilfe bin ich dankbar ;heart

http://www.html.de/showthread.php?p=72782#post72782
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben