[Tutorial] Chatbox-Farben ändern

Seite 2 von 2 Zurück  1, 2

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Gast am Sa 24 Jan 2009 - 20:16

@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("http://i42.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 Cool

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


Nach oben Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Arieengel am So 25 Jan 2009 - 14:57

Bei mir hat alles super geklappt !
Very Happy

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

lg Arieengel
avatar
Arieengel
Neuling
Neuling

Männlich Beiträge : 6
Anmeldedatum : 14.07.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Karin am Mo 26 Jan 2009 - 11:20

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
avatar
Karin
Stammgast
Stammgast

Weiblich Beiträge : 202
Hinweis : Braunschweig
Anmeldedatum : 31.01.08
keine
Chrome phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Gast am Do 29 Jan 2009 - 19:36

@Arieengel schrieb:Bei mir hat alles super geklappt !
Very Happy

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

lg Arieengel


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


Nach oben Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Gast am Do 29 Jan 2009 - 21:04

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


Nach oben Nach unten

Re: [Tutorial] Chatbox-Farben ändern

Beitrag von Günther am Mo 7 Jan 2013 - 0:19

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

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: http://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.
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Seite 2 von 2 Zurück  1, 2

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten