Lexi Help
Partner
www.forumieren.com

Chatbox-Farben ändern [Anleitung/Tutorial]

Seite 2 von 2 Zurück  1, 2

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am Do 30 Okt 2008 - 22:13

Edit: Inhalte gelöscht




LG,
Alex Cool


Zuletzt von Alex am So 2 Nov 2008 - 19:29 bearbeitet, insgesamt 1 mal bearbeitet

Alex
Admin a.D.
Admin a.D.

Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am Fr 31 Okt 2008 - 20:25

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

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am Fr 31 Okt 2008 - 20:46

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

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 Wink




LG,
Alex Cool

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am Fr 31 Okt 2008 - 20:50

Okay danke!

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Chatbox [CrystalCase]

Beitrag von Xabbu! am Sa 1 Nov 2008 - 22:27

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!


Zuletzt von *Henry am Sa 1 Nov 2008 - 23:10 bearbeitet, insgesamt 1 mal bearbeitet (Grund : Mit Sammelthread fusioniert)

Xabbu!
Neuling
Neuling

Männlich Beiträge : 11
Anmeldedatum : 26.10.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Gast am Sa 1 Nov 2008 - 23:11

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

Gast
Gast


Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Xabbu! am Sa 1 Nov 2008 - 23:32

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

Xabbu!
Neuling
Neuling

Männlich Beiträge : 11
Anmeldedatum : 26.10.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Gast am So 2 Nov 2008 - 11:38

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

Gast
Gast


Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am So 2 Nov 2008 - 13:25

Hallo Smile

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 Cool

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am So 2 Nov 2008 - 16:13

Habe ich gemacht.

sry wegenb verzögerung war grade essen

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am So 2 Nov 2008 - 18:56

So,

jetzt passt es Smile

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 Cool

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am So 2 Nov 2008 - 19:04

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

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am So 2 Nov 2008 - 19:13

Hallo Smile

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://i42.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 Cool

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am So 2 Nov 2008 - 19:22

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!

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am So 2 Nov 2008 - 20:15

@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 Cool

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



LG,
Alex Cool

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Elelalem Ashraf am Sa 8 Nov 2008 - 20:24

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?

Elelalem Ashraf
Premium-User
Premium-User

Männlich Beiträge : 425
1.Ermahnung
Anmeldedatum : 18.05.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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("https://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

Gast
Gast


Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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

Arieengel
Neuling
Neuling

Männlich Beiträge : 6
Anmeldedatum : 14.07.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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

Karin
Lehrling
Lehrling

Weiblich Beiträge : 196
Hinweis : Niedersachsen
Anmeldedatum : 31.01.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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 !!!

Gast
Gast


Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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.

Gast
Gast


Nach oben Nach unten

Achtung Re: Chatbox-Farben ändern [Anleitung/Tutorial]

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.

Günther
Admin a.D.
Admin a.D.

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

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