Lexi Help
Partner
www.forumieren.com

Chatbox-Farben ändern [Anleitung/Tutorial]

Seite 1 von 2 1, 2  Weiter

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Achtung Chatbox-Farben ändern [Anleitung/Tutorial]

Beitrag von Alex am Di 23 Sep 2008 - 16:36

Hallo Smile

Durch die Umstellung auf das neue Chatbox-System gibt es nun die Möglichkeit, die Farben, die in der Chatbox für die Hintergründe und die Schrift verwendet werden, individuell selbst einzustellen.

Bei einigen Foren ist das unbedingt notwendig, da ansonsten die Einträge nicht oder kaum gelesen werden können oder die Farben nicht zum Rest des Forums passen.

Anleitung zum Ändern der Farben:

Zunächst folgenden Code kopieren und einsetzen unter

Adminbereich/Anzeige/Logos und Bilder/Farben

und dort auf der Karte "CSS Stylesheet" in das große Feld.

Sollte da schon etwas eingetragen sein dann bitte den Code unter das bereits geschriebene setzen. Beim Kopieren darauf achten, dass der Code auch wirklich komplett übertragen wird. Smile

Danach "Annehmen" klicken.

phpBB3-Foren und PUN-Foren:

Code:
/*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX) */

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

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

/*Hintergrundfarbe des Titels der Chatbox*/
body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
background-color: Farbcode !important;
}

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

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

/*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a {
color: Farbcode;
}
/*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

phpBB2-Foren:

Code:
/*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
/*Hintergrundfarbe der Chatbox*/
body.chatbox {
background-color: Frabcode;
}
/*Textfarbe im Titel der Chatbox*/

#chatbox_header .catBottom .cattitle {
    color: Farbcode;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
    color: Farbcode;
}

/*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

#chatbox_members ul li,
#chatbox_members ul li a {
    color: Farbcode;
 }

/*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    background-color: Farbcode;
}

/*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: Farbcode;
}
/*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

Alle Forum-Versionen (phpBB2, phpBB3 und PUN):

Falls im Chat ein Hintergrundbild angezeigt wird, das entfernt werden soll, zusätzlich diesen Code kopieren und unter das andere einfügen:

Code:
body.chatbox {
    background-image: none;
}

Ist das Erforderlich kopiert und in das genannte Feld eingesetzt können nun die gewünschten Farben ganz einfach eingestellt werden, in dem das Wort "Farbcode" durch den Code der gewünschten Farbe ersetzt wird.

Nach jeder erfolgten Änderung muss durch Klick auf "Annehmen" das Ganze bestätigt werden.

Verwendet werden müssen hier die für HTML und CSS üblichen Hexadezimalcodes für Farben.

Die in eurem Forum verwendeten Farben und deren Codes findet ihm im Bereich

Adminbereich/Anzeige/Logos und Bilder/Farben

und dort auf der Karte "Farben".

Bitte darauf achten, dass der Code inklusive dem # eingetragen wird, da es ansonsten nicht funktioniert.

Sollten bei der Einstellung der Farben Probleme auftreten, dann steht dieser Thread zur Verfügung, um diesbezügliche Fragen zu stellen Smile



LG,
Alex Cool


Zuletzt von Alex am Di 23 Sep 2008 - 22:22 bearbeitet, insgesamt 2 mal bearbeitet (Grund : Codes ergänzt)

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 Daniela1407 am Di 23 Sep 2008 - 19:02

Ich werde das jetzt noch 2x lesen und morgen mal in Angriff nehmen .. und ggf mal um Hilfe schreien

Daniela1407
Premium-User
Premium-User

Weiblich Beiträge : 380
Hinweis : Berlin
Anmeldedatum : 11.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Carolyn am Di 23 Sep 2008 - 19:15

Hab es einmal gelesen /copiert und verstanden Very Happy

Aaaaaber, meine frage : "da steht was von hintergrundbild" kann man da was einfügen?"

Carolyn
Lehrling
Lehrling

Weiblich Beiträge : 110
Anmeldedatum : 16.08.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Alley-Rose am Di 23 Sep 2008 - 21:38

Soweit, so gut...danke!
Ich hab aber leider noch eine Frage....was für einen Code muss man eintippen, wenn man die Hintergrundfarbe im Chat ändern möchte?

Alley-Rose
Neuling
Neuling

Weiblich Beiträge : 43
Anmeldedatum : 21.09.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Gast am Di 23 Sep 2008 - 21:42

Steht ganz oben im Code drin:

Code:
/*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX) */

Gast
Gast


Nach oben Nach unten

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

Beitrag von Alley-Rose am Di 23 Sep 2008 - 21:49

Ne, ich mein nich die Schriftfarbe.....die hab ich....das Oben hab ich alles gemacht....ich möchte die Farbe des Hintergrundes ändern....

Alley-Rose
Neuling
Neuling

Weiblich Beiträge : 43
Anmeldedatum : 21.09.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Alex am Di 23 Sep 2008 - 22:27

Hallo Smile

Ich habe die Codes oben ergänzt.

@ Alley-Rose: Was du noch zusätzlich eintragen musst:

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

/*Hintergrundfarbe des Chat-Stream*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    background-color: Farbcode;
}

Das kannst du einfach unter das andere setzen Smile

Diesen Teil, der bei dir noch drin steht:

Code:
body.chatbox

    {color: #5e5d5d;

}

kannst du löschen, denn der hat keinen Effekt.



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 Alley-Rose am Mi 24 Sep 2008 - 7:21

Vielen Lieben Dank!!! Ja, dass war mein versuch es selbst rauszufinden *g* Also bitte nich lachen ;-)

Alley-Rose
Neuling
Neuling

Weiblich Beiträge : 43
Anmeldedatum : 21.09.08

Benutzerprofil anzeigen

Nach oben Nach unten

Achtung Chatbox farben

Beitrag von Belle am Fr 26 Sep 2008 - 11:25

Mhhh ich habe eiegentlich das gemacht was man machen muss um die farben zu ändern

siehe

/*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
/*Hintergrundfarbe der Chatbox*/
body.chatbox {
background-color: #fea012;
}
/*Textfarbe im Titel der Chatbox*/

#chatbox_header .catBottom .cattitle {
color: #080000;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #ffa34f;
}




aber bei mir sieht es noch genauso aus wie vorher, was mach ich falsch?

Belle
Neuling
Neuling

Weiblich Beiträge : 4
Anmeldedatum : 26.09.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Zuckerpuppe am Fr 26 Sep 2008 - 11:42

hast du, nachdem du das im CSS eingegeben hast, auch auf Annehmen geklickt?

Falls du das gemacht hast, dann hilft es vielleicht auch, den Cache zu leeren...
>Strg + F5 drücken<

die Einstellungen sind nämlich richtig und funktionieren auch...

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Belle am Fr 26 Sep 2008 - 12:52

muss ich einfach strg+F5 drücken oder wo leert man die cache
ich hab vorher eigentlich alle weg gemacht

Belle
Neuling
Neuling

Weiblich Beiträge : 4
Anmeldedatum : 26.09.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Alex am Fr 26 Sep 2008 - 13:17

Hallo Smile

In deinem CSS ist nichts davon eingetragen.... ?!

Stimmt die URL hier in deinem Profil?

Hast du auch auf "Annehmen" geklickt? (Nicht "Absenden")




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 Feenlicht am Do 9 Okt 2008 - 19:23

Hallo Ihr Lieben, ich weiss nun wieder nicht ob ich hier richtig bin, aber da es mit der Farbwahl im Chat zu tun hat denke ich mal doch.
Folgendes: Ich habe also ohne grosse Schwierigkeiten ( ja man lernt ) die Farben und den Farbhintergrund im Chat geändert. Und weil es mir so einen Spass gemacht hat, habe ich auch gleich noch mal das Forum farblich umgestaltet. Nun habe ich folgendes Problem. Manche User sehen nun im Chat Raum, und auch im Forum z. B. einen weissen Hintergrund und Farben die ich weder instaliert habe noch in irgendeiner weise da hingehoeren.. Ist nur bei einigen. andere sehen das Forum genau so wie ich es eingestellt habe. Nun fragen mich die User was sie machen koennen oder woran das Problem liegt?. Wisst ihr das? Eigentlich duerfte die Farbe weiss in meinem Forum in keiner Art und Weise zu sehen sein. Danke wenn ihr mir helfen koenntet. Eure CurlySue alias Feenlicht

Feenlicht
Neuling
Neuling

Weiblich Beiträge : 51
Anmeldedatum : 27.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Elelalem Ashraf am Do 16 Okt 2008 - 15:48

Habe auch einmal eine Frage zum Thema:

Kann man auch ein Hintergrundbild als Hintergrund, wo man das Geschriebene sieht, nehmen?

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 Elelalem Ashraf am So 26 Okt 2008 - 15:34

kann man da überhaupt ein Bild einfügen als Hintergrund?
oder die Chatbox einfach Transparent zu machen, so dass man den Hintergrund des kompletten Forums sieht?

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 26 Okt 2008 - 16:02

Hallo Smile

Ich gucks mir mal bei dir an.....

Edit: Bitte mal meinen Account freischalten.






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 26 Okt 2008 - 16:09

bist freigeschaltet brauchst du auch noch admin rechte?

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 26 Okt 2008 - 16:11

Nö, brauch ich net, komm an alles ran, was ich brauch (CSS, HTML, ...)







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 Alex am So 26 Okt 2008 - 16:22

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

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 26 Okt 2008 - 16:34

also wenn es geht die online liste auch noch so zu machen, dass der hintergrund durchgehend ist sprich von links nach rechts weiterläuft wäre cool^^

ps.: vlt nur durch einen weißen streifen getrennt

edit.: hat sich erledigt nur anstatt einen schwarzen streifen möchte ich wohl einen weißen und wenn ich etwas schreibe, möchte ich auch wohl gerne den hintergrund weiterhin sehen und nicht diese etwas komisch farbe.

edit 2: Geht das, welches ich in dem edit vor diesem Post geschrieben habe überhaupt?

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 26 Okt 2008 - 17:28

Question Wat?

Könntest du das bitte nochmal zusammenhängend und verständlich erklären, wie das aussehen soll? 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 So 26 Okt 2008 - 18:56

In meiner Chatbox ist die online liste und das schreibfeld (/wo man die geschrieben Texte sehen kann) mit einem Schwarzen Balken bzw. Strich getrennt. Geht dieser auch weiß zu machen? das ist frage nummer 1!

Frage 2:
Wenn ich jetzt in der Chatbox etwas schreibe und dann Enter drücke erscheint das auf der rechten Seite. Dort ist der Hintergrund aber grün, was ich blöde finde, da ich diesen Hintergrund gerne Transparent hätte.

Jetzt meine Frage:

Geht das alles zu ändern und wenn ja wie?

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 Elelalem Ashraf am Do 30 Okt 2008 - 16:03

So jetzt darf ich hoffentlich Pushen...
Entschuldigung nochmals wegen dem Push zuvor...
Also jetzt nicht in Vergessenheit geraten.
Bitte um Beantwortung der Fragen!

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 Do 30 Okt 2008 - 20:11

Jo,

jetzt passt das.

Ich schaus mir jetzt an.







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

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Seite 1 von 2 1, 2  Weiter

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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