[Tutorial] Chatbox-Farben ändern

Ist der Fehler eigentlich nun korrigiert oder soll ich noch warten. (Soll kein Push sein, sondern eine ernst gemeinte Frage)

Naja, wenn er korrigiert wäre, dann wär der dicke, orange Satz wohl nimmer da

Leider ist das aber eine ziemliche Aktion, denn geändert wäre das schnell, aber mit der einfachen Version blockier ich quasi in dem Bereich zukünftige Updates und es kann dann sein, dass nach dem nächsten Update die Box nimmer wirklich zu benutzen ist......

Dashalb bin ich noch am wurschteln, also bitte noch warten

---

LG, Alex

Okay danke!

Guten Abend,
hab mir bei HitSkin nen Style gesucht und gefunden!

Jetzt hab ich aber gleich mehrere Probleme mit dem Chat:
-> die obere Leiste (Aktualisieren,Archiv, Login) ist wegen den Farben nicht sichtbar
-> die untere Leiste (Nachricht, Senden, etc.) ist nur schwer zu sehen, außerdem ist auch irgendwie die untere Hälfte abgeschnitten (nicht sichtbar)
-> habs trotzdem mal probiert was zu schreiben und die voreingestellte Schrift ist aber auch nicht lesbar!

Hab bis jetzt noch nichts an dem Style geändert!
Hab ich irgendwas übersehen, oder ist bei dem Style einfach keine Benutzung des Chats gedacht?

Wenn ich irgendwas am Hintergrund ändern will zieht das nur den ganzen Style (der ansonsten echt ToP is) runter,
kann mir jemand helfen?

lg Xabbu!

Ich schiebe Dich einmal in den Sammelthread für den Chat.

Okay Sry,
ich hab den Thread gelesen dachte hier gehts aber mehr um die Funktionen an sich!

Alex hat hier eine entsprechende Lösung über die CSS erarbeitet. Da kann er Dir schneller weiterhelfen.

Hallo

Bitte mal meinen Account in die Admingruppe eintragen.

Da ist in der Farbeneinstellung eine Farbe drin, die ich über das CSS nicht raus krieg.

---

LG, Alex

Habe ich gemacht.

sry wegenb verzögerung war grade essen

So,

jetzt passt es

War jedenfalls ein größere Aktion als gedacht, da ich in den Farben zwei Einstellungen ändern musste, was aber alleine für sich Auswirkungen auf das ganze Forum gehabt hätte.

Diese Auswirkungen auf das Forum hab ich dann im CSS wieder zurückgestellt (im so gekennzeichneten Teil).

---

LG, Alex

muss ich jetzt noch etwas ändern?
und nochetwas, wenn ich jetzt den Hintergrund ändere, wie bekomme ich dan den hintergrund von der Chatbox anders?

Hallo

Da musst normal nix mehr dran ändern.

Wenn du das Hintergrundbild wechseln willst änderst du einfach die URL in diesem Teil:

/*Hintergrundbild der Chatbox*/
body.chatbox {
background-image: url("https://i.servimg.com/u/f42/11/82/86/35/hinter12.jpg");
}

Hab ja, wie gesagt, nur einfach mal das von deinem Forum genommen, geht aber natürlich auch jedes andere, weil das vom Forum unabhängig ist.

---

LG, Alex

Gut herzlichen dank^^

Jetzt bin ich glücklich^^

Danke

und die URL wird sicher nocheinmal geändert, da wir grade am diskutieren sind, ob wir ein anderes Hintergrund bild nehmen.

Danke auch für die erklärung!

@Xabbu! :

Dein Style hat noch mehr Fehler....

Im Firefox sieht dein Forum so aus:

http://kserv1.de/sup/shots/usersites/Mossad_1225653040179.png

Hast also unten einen weißen Bereich, der da nicht hin gehört.
Da muss oben wieder eine Headergrafik mit der genau richtigen Höhe rein oder du musst das CSS abändern.

Das garantiert aber immer noch nicht, dass es dann auch in allen Browsern passt.

Jedenfalls scheint der Ersteller nicht gerade sehr fit zu sein in der Richtung

Überleg dir bitte, ob du denn Style überhaupt verwenden willst, bevor wir an der Chatbox doktern

---

LG, Alex

Hi Alex,

habe jetzt ein Problem habe ein neues Style von Hexkatie bekommen, und dort bewegt sich der Hintergrund nicht. Aber das Bild in der Chatbox ist nicht mehr richtig. Sprich es passt nicht 100%ig zum Hintergrund.

Könntest du dir das noch einmal anschauen?

Alex schrieb:Also,

wenn du der ganzen Chatbox ein Hintergrundbild verpassen willst, dann kannst du in deinem CSS diesen Teil: (hast fast ganz unten stehen)

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
background-color: #3d3d3d;
}

durch das hier ersetzen, wobei ich da mal das Hintergrundbild von deinem Forum genommen hab. Da kannst du natürlich auch jedes andere Bild einsetzen:

/*Hintergrundbild der Chatbox*/
body.chatbox {
background-image: url("https://i.servimg.com/u/f42/11/82/86/35/hinter12.jpg");
}

Bitte mal schaun, ob das so o.k. wäre oder ob man die Online-Liste links noch ändern soll.

---

LG, Alex

Kann man da eventuell diesen Balken (Wo der Text drin steht) transparent machen ? Sonst verschwindet mit der zeit das Bild . Danke

Bei mir hat alles super geklappt !


Wollt mich an dieser Stelle nochmal bei euch
für eure tolle Arbeit bedanken !!

lg Arieengel

Hallo ihr Lieben,

wenn ich mich in die Chatbox einlogge, dann erscheint.....

Karin ist seit dem Mo 26 Jan 2009 - 11:07 im Chat

und das in einer schwer lesbaren grünen Farben.
Wie kann ich nur diese Farbe ändern?

Lg Karin

Arieengel schrieb:Bei mir hat alles super geklappt !


Wollt mich an dieser Stelle nochmal bei euch
für eure tolle Arbeit bedanken !!

lg Arieengel

Die Anfrage findest du weiter oben lieber Henry und Arieengel hab ich persönlich angeschrieben aufgrund dieser Antwort von ihr !!!

Ich denke, dass ich dies jetzt nicht verstehen muss.
Mache aber das Tutorial zu, damit es nicht völlig unubersichtlich wird.

Aus aktuellem Anlass möchte ich hier ein Update der Codes posten, da diese mittlerweile je nach Version stark bis teilweise verändert wurden.

PunBB:

Code:

/*-- Chatbox Farben PunBB --*/

/* ggf. Hintergrundgrafiken entfernen */
#chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/* Hintergrundfarbe der Chatbox */
#chatbox_members, #chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer {
  background-color: FARBE;
}

/* Textfarbe im Titel der Chatbox */
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE;
}

/* Hintergrundfarbe des Titels der Chatbox */
#chatbox_header.main-head {
  background-color: FARBE;
}

/* Textfarbe der Links im oberen Teil der Chatbox */
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/* Textfarbe in der Onlineliste (die Userliste auf der linken Seite) */
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" in der Onlineliste */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Chatboxeinträge A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Hintergrundfarbe und Textfarbe der Chatboxeinträge B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben PunBB --*/

Nähere Infos und Erklärungen bei Bedarf: https://hilfe.forumieren.com/t34884-punbbchatbox-farbe-lasst-sich-nicht-verandern#228759

phpBB3:

Code:

/*-- Chatbox Farben BB3 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, .forabg, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Chatboxeinträge A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Hintergrundfarbe und Textfarbe der Chatboxeinträge B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB3 --*/

phpBB2:

Code:

/*-- Chatbox Farben BB2 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, .chatbox .catBottom, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer .catBottom {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
#chatbox_header .cattitle {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header .catBottom {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
#chatbox_main_options a, #chatbox_main_options label {
  color: FARBE !important;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Chatboxeinträge A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Hintergrundfarbe und Textfarbe der Chatboxeinträge B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB2 --*/

Invision:

Code:

/*-- Chatbox Farben BB3 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Chatboxeinträge A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Hintergrundfarbe und Textfarbe der Chatboxeinträge B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB3 --*/

Ansonsten gelten die Hinweise und Tipps aus Alex' Eingangsbeitrag. Ich werde die Codes in diesem Beitrag regelmäßig aktuell halten.