Scrollbox Farbe ändern.

[EliteBread]

Hallo User,
Wie kann ich denn background von der Box ändern in iframe(da wo der Grüne punkt ist)

<div id="divid"><iframe src="newstext.txt"
width="581"
height="420"
frameborder="0"
scrolling="yes"
allowtransparency="true">
</iframe>
</div>

Div:

#divid{
    background-image: url(textfeld.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 450px;
    margin: 0 auto;
    text-align: left;
    padding-top:15px;
    padding-left:10px;
}

 

[ldb]

Hallo EliteBread,
Ich bin zwar selber auch noch nicht so bewandert in HTML & CSS, aber ich versuche mal, dir zu helfen :)
Wenn ich dich richtig verstanden habe, ich dieser Generator genau das, was du brauchst:
Create your own scroll bar with this css code generator

Dabei ist wohl track-color die Fläche, die du umfärben möchtest.

Hoffe, dass dir das geholfen hat :)

Gruss LDB

 

[EliteBread]

das brauche ich genau aber ich weiß jetzt nicht wie ich das bei iframe einfügen kann.

 

[threadi]

Den o.g. Code musst Du in der Seite einbauen, welche in dem iframe geladen wird. Nicht in der Seite die das iframe enthält.

Übrigens funktioniert das in der Form einzig beim Internet Explorer. Opera unterstützt es auch, hat es aber imho standardmäßig deaktiviert. Andere Browser unterstützen das nicht.

Alternativ dazu gibt es verschiedene JavaScript die Scrollbars simulieren können. Damit wäre es auch in Firefox und Chrome möglich.

 

[EliteBread]

kann man nicht sagen das das Transparent sein soll??

 

[threadi]

Wieso sollte eine Scrollbar transparent sein? Dann sieht man sie ja nicht und wäre nicht benutzbar?

Oder willst Du einfach nur die Scrollbar entfernen? Vielleicht überdenkst Du dir deine Fragestellung ja nochmal ;)

 

[EliteBread]

Also da ist ja so ein hintergrund hinter dem Scrollbar und der sollweg oder anders farbig weil das so komisch aussieht.!

 

[threadi]

Was für ein Hintergrund hinter der Scrollbar? Wenn Du diese per CSS auf deiner Seite nicht beeinflusst, wird eine Scrollbar immer so dargestellt wie es das System des Besuchers der Webseite vorsieht.

D.h.:
Wenn Du die Seite unter Windows im IE anguckst, sieht es anders aus als in einem Firefox unter Linux/KDE.

Daher weiß ich nicht was für eine Farbe Du meinst. Denn bei mir (Linux/KDE mit Firefox gerade) sieht es garantiert anders aus als bei dir.

Dennoch: kann man sich das was Du meinst vlt. irgendwo anschauen?

 

[EliteBread]

ClonleX - News

da ist ja hinter dem Scrollbar so eine weiße fläche und die passt nicht zum grauen hintergrund

 

[threadi]

Ok, und ich weiß immernoch nicht was für eine Farbe du meinst. Bei mir sieht alles so aus wie immer bei Scrollbars unter Linux/KDE im Firefox.

 

[EliteBread]

du weißt doch wo der Balken zum scrollen ist, da ist ja ein Weißer hintergrund denn will ich aber genau inder Farbe haben wie das Text also #666666
weil das mit dem weiß sieht komisch aus weil es sonst nirgends weiß ist..

 

[threadi]

Damit sind wir wieder bei den vorherigen Tipps:

Du kannst zu dem Link in Beitrag #2 gehen und dort bei 3dlight-color deine Farbe angeben und dann den Quellcode generieren lassen den Du in die Seite des iframe einbinden müsstest.

Das würde dann im IE funktionieren, in manchen Opera-Browsern ebenso. Aber nicht im Firefox, da er diese Eigenschaft (die btw. nicht zum Standard gehört) nicht kennt.

Alternativ wie gesagt kann man auch die Scrollbars komplett per JavaScript simulieren lassen

Deine Entscheidung :]

 

[EliteBread]

Ich habe schon geguckt wie dsa mit java geht aber das ist keine Beschreibung bei

 

[threadi]

Java ist dafür auch nicht notwendig. JavaScript reicht.

Einige Beispiele:
Basic jScrollPane demo (samt Anleitung)
Facebook ScrollableArea using jScrollPane
30+ Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars - noupe
...

 

[EliteBread]

was meinen die mit [h=2]Page javascript[/h]und

[h=2]Page CSS[/h]

 

[threadi]

Das ist der Quellcode der eingefügt werden muss. Allerdings zusammen mit jQuery.

 

[EliteBread]

muss ich das einfach unter <style></style> einbauen