Scrollbalken in anderer Farbe

[odinix66]

Ich habe schon in der Suche gesucht, aber nichts gefunden.

Ich möchte in meinem phpBB 3.0.4 Forum gerne den Scrollbalken dem Layout anpassen.
Dafür habe ich folgenden Code:

Code: Alles auswählen

body {
scrollbar-face-color: #DF0000;
scrollbar-highlight-color: #D18183;
scrollbar-3dlight-color: #B34B4E;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #7D2C2E;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

In welche CSS-Datei muß ich den Code einfügen?
Oder muß ich eine neue CSS-Datei erstellen und diese irgendwo mit angeben?

Danke für Eure Antworten.

[roum]

Hi,
eigenlich ist es egal, in welcher css Datei du das unterbringst weil die alle eingebunden werden. Die verschiedenen CSS-Dateien dienen nur der Trennung von Farben, Struktur, Forum um eine bessere Übersicht zu bieten. Folglich wäre die colours.css die sinnvollste CSS Datei für eine Farbänderung der Scrollbalken.

Die Edith war hier:
[quote]Nur wer Volvo fährt, weis was Aerodynamik ist !!![/quote]
Ähm, mein Vater hatte früher nen 850 T5 und das Ding hat etwa den gleichen CW-Wert wie ein Kühlschrank.
Ich hab aber immer meinen Spaß dran gehabt mit der unscheinbaren Familienkutsche die üblichen BMW Prolls zu ärgern

[dieweltist]

Bevor Du irgendwo Code hinzufügst, würde ich erst mal versuchen herauszufinden, ob und wo die Einstellung schon vorhanden ist. Dazu erst mal im Theme-Editor im Adminbereich unter >STYLES - Theme - prosilver - Ändern< sämtliche Farbangaben durch rot ersetzen und absenden; und dann schauen, ob sich auch die gewünschte Stelle im Forum farblich verändert hat. Falls nicht, ist an dieser Stelle eine Grafik.

Durch systematisches Einschachteln, indem man jeweils Teile dieses Textes durch den modifizierten Text ersetzt; und jeweils schaut, ob sich der Farbton an der gewünschten Stelle entsprechend verändert hat, kann man jeweils herausfinden, an welches Stelle des Textes man was verändern muss.

Im Prinzip genauso kann man auch mit Größenangaben arbeiten, indem man den ganzen Text so modifiziert, dass alle diese Angaben jeweils so verändert werden, dass diese Angaben jeweils ein deutlich größeres oder kleineres Maß haben. Wer einen guten Editor hat, so geht das Modifizieren so eines Textes ziemlich fix.

Wenn man diese Änderungen üblicher Weise auch in den CSS-Dateien durchführen will, so muss man das dann jeweils herausfinden, in welcher dieser Dateien man wo was ändern muss. Wenn man dann im Adminbereich die Theme aktualisiert, wird diese Änderung in die Datenbank übernommen. Änderte man aber nichts in CSS-Dateien, so darf man die Theme nicht aktualisieren; weil sonst die zuvor im Theme-Editor gemachten Änderungen überschrieben werden.

[odinix66]

@ all:
Ich bin noch absoluter Anfänger, was php betrifft.
Ich versuche gerne selber etwas.
Nur wenn ich absolut nicht weiter komme, frage ich.

@ dieweltist:
Das habe ich soweit alles gemacht.
Hatte auch mit der Styleanpassung keine Probleme.
Es ging nur um den Farbcode für den Scrollbalken.

@ roum:
Danke für den Tip.
Das hat mir weitergeholfen.

Ähm, mein Vater hatte früher nen 850 T5 und das Ding hat etwa den gleichen CW-Wert wie ein Kühlschrank.

Ich habe ´nen 945 Classic - der ist noch quadratischer!

Für alle (Anfänger) die den Scrollbalken auch farbig machen wollen:

Code: Alles auswählen

#-----[ OPEN ]--------------------------------------------- 
# 
phpBB3/styles/prosilver/theme/colours.css

#
#-----[ FIND ]---------------------------------------------
#
html, body {
        color: #000000;
        background-color: #FFFFFF;
}


#
#-----[ REPLACE WITH ]---------------------------------------
#
html, body {
        color: #000000;
        background-color: #FFFFFF;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #AFAFAF;
        scrollbar-3dlight-color: #DF0000;
        scrollbar-darkshadow-color: #000000;
        scrollbar-shadow-color: #DF0000;
        scrollbar-arrow-color: #DF0000;
        scrollbar-track-color: #FFFFFF;
}


# 
#-----[ SAVE/CLOSE ALL FILES ]-------------------------------- 
#

Der Hex-Farbcode muß natürlich entsprechend den Farbvorstellungen angepaßt werden.
Ggf. muß diese Änderung auch noch im Adminbereich im Theme-Editor durchgeführt werden.
Danach zurück in die Foren-Übersicht und Seite aktuallisieren.

Wer den Scrollbalken in den Eingabefeldern (z.B. bei einer Antwort oder neuem Thema) in einer anderen Farbe als den Hauptscrollbalken haben möchte, der macht zusätzlich folgendes:

1. Erstelle eine Datei mit folgendem Inhalt:

Code: Alles auswählen

/* proSilver Link Styles
---------------------------------------- */

/* Scrollbar */

body {
scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #AFAFAF;
scrollbar-3dlight-color: #BFBFBF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #BFBFBF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
}

2. Speichere diese Datei als CSS-Datei (z.B. scrollbar.css) in phpBB3/styles/prosilver/theme/

3. Ändere die Datei phpBB3/styles/prosilver/theme/stylesheet.css:

Code: Alles auswählen

#-----[ OPEN ]--------------------------------------------- 
# 
phpBB3/styles/prosilver/theme/stylesheet.css

#
#-----[ FIND ]---------------------------------------------
#
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");


#
#-----[ AFTER, ADD ]---------------------------------------
#
@import url("scrollbar.css");


# 
#-----[ SAVE/CLOSE ALL FILES ]-------------------------------- 
#

4. Öffne in deinem Admin-Bereich den Theme-Editor und wähle dein Style aus.

5. Füge am Ende des Text (der alle CSS-Dateien zusammenfaßt) nach einer Leerzeile folgenden Text ein:

Code: Alles auswählen

/* proSilver Link Styles
---------------------------------------- */

/* Scrollbar */

body {
scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #AFAFAF;
scrollbar-3dlight-color: #BFBFBF;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #BFBFBF;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
}

6. Aktuallisiere den Theme-Editor.

7. Gehe in deinem Admin-Bereich auf den Reiter Allgemein und leere den Cache.

8. Gehe zum Forum-Index und aktuallisiere deine Seite.

Bei Punkt 1 und bei Punkt 5 muß der Hex-Farbcode ebenfalls deinen Farbwünschen angepaßt werden!

Wer es sich anschauen möchte: http://www.msc-naumburg.de dann auf Kartforum klicken.

Bei mir funktioniert es. Vorher Sicherungskopie machen. Alle Angaben ohne Gewähr.

[Dr.Death]

Hallo zusammen,

kleiner Hinweis: Das Einfärben von Scrollbalken funktioniert nur im Internet Explorer ( und ggf. im Opera ) .... im FireFox und Co wird davon nichts wirksam.

Siehe dazu auch: http://www.css4you.de/ieproperty.html