[Tutorial] Chatbox-Farben ändern

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

Arieengel schrieb:Bei mir hat alles super geklappt !


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

lg Arieengel

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 --*/

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 --*/

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 --*/

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 --*/