Chat Anzeige

[garf2000]

Kann man das auch größer in einem Modul unterbringen? So das man es schneller und eben besser sehen kann ob was im Chat los ist?



Und falls ja, ist die Frage wie?

MFG

[Alex]

Hallo

Geht leider nicht, da diese Anzeige nur in den Templates index-box und index_body funktioniert.

Wenn man den Code samt Variablen irgendwo anders einsetzt wird nix angezeigt außer dem Text "Im Chat sind momentan Besucher:" und auch keine Namen.

---

LG, Alex

[garf2000]

So wie hier würde ja schon reichen, dann ist es wenigstens oben und mann sieht es leichter.

[Alex]

Hallo

Adminbereich/Anzeige/Templates/Allgemeines

und dort auf den Namen des Templates "index_body" klicken.

Dann diesen Teil:

Code:

<span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />

zwischen {CHATBOX_TOP} und {BOARD_INDEX} setzen.

Danach "Absenden" klicken und das Template im folgenden Fenster durch Klick auf das grüne Plus aktivieren.

---

LG, Alex

[garf2000]

Super Danke

Kann man auch noch das aussehen verändern? So das es noch mehr auf fällt. Fett gedruckt und andere Farbe.

[Alex]

Hallo

An dieser Stelle würde ich dir mal dieses Online-Nachschlagewerk empfehlen, das zudem auch über eine sehr gute Such-Funktion verfügt

http://de.selfhtml.org/

Wenn du laufend alles mögliche ändern willst, dann musst du dich früher oder später (sinnvollerweise eher früher ) auch mal mit HTML und CSS beschäftigen, denn das ist das absolute Grundwissen bei jeder Website-Gestaltung.

---

LG, Alex

[garf2000]

Bei einer HP wäre das nicht ganz so problematisch für mich, weil ich da eher weis wo ich suchen muss. Hier beim Forum ist immer die Frage wie es aufgebaut ist und wo sich alles versteckt.

Edit:
Durch diese Abänderung ist es zumindest jetzt größer aber die art und weise ist garantiert verkehrt.
Ich denke es muss ungefähr so aussehen;

XXXXXX{
color: #000000;
margin-left: 12px;
text-decoration: important;
}

und in den css

[garf2000]

Habe den Code von dir so abgeändert.

Code:

<span class="gensmall"><marquee height="14" scrollamount="2" scrolldelay="10" direction="left">
<b><font size="2" color="#93100C">{TOTAL_CHATTERS_ONLINE} :
<font size="2" color="#dd6900">{CHATTERS_LIST} </font></b></marquee>

Die 2te Farbe ändert sich aber nicht (CHATTERS_LIST) und irgendwie sind mir jetzt im Portal Schriftfarben abhanden gekommen.

Und ich glaube im IE wirds nicht angezeigt.

[Alex]

Hallo

Naja, das <span>-Tag ist auch hinten offen, sprich: da fehlt das </span> .

Vor allem im IE dürfte das interessant aussehen

Hmm, wieso hast du denn da auch noch eine Laufschrift reingemacht?

Innerhalb von klassifizierten <span>-Tags sollte man nach Möglichkeit nicht mit <font>-Tags arbeiten, weil dann in jedem Browser was anderes rauskommt, da sich manche an die Anweisungen aus dem CSS im <span>-tag halten und andere an die Formatierung durch die <font>-Tags.

Sprich: <span class="gensmall"> enthält bei dir Format-Anweisungen aus dem Style-Sheet, die dort unter .gensmall zu finden sind.

Um innerhalb eines solchen Spans die Schrift oder was auch immer zu ändern muss man genau wie im Stylesheet mit CSS-Anweisungen arbeiten, in deinem Fall also

Code:

<span class="gensmall" style="font-size: 12px; font-weight: bold; color: #93100c;">{TOTAL_CHATTERS_ONLINE} :<span style="color: #dd6900;">{CHATTERS_LIST}</span>

Oder du gibst dem Span eine ID, zum Beispiel <span id="chat_anzeige"> und setzt dann die Formatierung ins style-Sheet mit #chat_anzeige {blablabla}.

Wobei ich die marquee der Übersicht zuliebe mal rausgelassen hab.

text-decoration: important; gibts nicht.

Der Zusatz !important räumt einer Angabe bei der Vererbung im CSS sozusagen einen besonderen Staus ein und so eine Angabe kann in den genauer spezifizierten niedrigeren Klassen nur durch erneute Angabe von !important überschrieben werden.

Außerdem überschreiben !important-Angaben solche, die in Style-Tags im HTML sitzen.

Das kann man mit jeder Angabe kombinieren und dann sorgt zum Beispiel .genmed {font-weight: bold !important; background-color: #ff0000 !important;} dafür, dass ein <span class="genmed"> in einem Modul trotzdem fett mit rotem Hintergrund dargestellt wird, obwohl an einer anderen Stelle im Style-Sheet eigentlich durch .module .genmed {font-weight: normal; background-color: #0000ff;} festgelegt ist, dass die Schrift normal und der Hintergrund blau sein soll.

Deshalb sollte man mit !important vor allem in den hohen Klassen sehr sparsam sein, weil man sonst die nächst-tieferen Klassen wieder mit !important schmücken muss und das Ganze bis runter zum einzelnen Element.
(Kleiner Ausflug zum Thema !important)

---

LG, Alex

[garf2000]

Hallo
Wobei ich die marquee der Übersicht zuliebe mal rausgelassen hab.

Na ja ich hab halt ein bisschen gebastelt um es etwas auffälliger zu machen.

Aber irgendwie haben sich jetzt Überschrift Farben auf meiner Portalseite wider ins dunkle verändert. Dabei hab ich da gar nichts gemacht. Im CSS hab ich nichts verändert außer das ich den Chatbox teil noch angefügt habe um die Chat Farben anzupassen.

So sieht der CSS jetzt aus.

Code:

/* --- Modifikationen by Alex ------------------------- */

/* --- Link "Wer ist online?" --- */

a.cattitle {
color: #fdffb3;
margin-left: 10px;
text-decoration: underline !important;
}

/* --- Farbe der Modul-Titel --- */

.module-title, .cattitle {
color: #fdffb3;
}

/* --- Titel "Neue Themen"-Modul --- */

.catLeft .genmed {
color: #fdffb3;
font-weight: bold;
}

/* --- Link Kalender-Modul --- */

table#calendar_container td.catBottom a {
color: #fdffb3 !important;
text-decoration: none !important;
}

/* --- Anzeige Aktuelles Datum --- */

table#calendar_container td.quote span.gen {
font-weight: bold;
text-decoration: none;
}

/* --- Anzeige Datum mit Eintrag --- */

table#calendar_container td.row1 a,
table#calendar_container td.row2 a {
font-weight: bold;
text-decoration: underline;
color: #ff0000;
}

/* --- Links zu übergeordneten Bereichen --- */

td.catBottom td.nav a,
#info_open td.catBottom span.nav a {
color: #fdffb3;
font-size: 10px;
text-decoration: underline;
}

/* --- Punkte zwischen Links zu übergeordneten Bereichen --- */

td.catBottom div.nav,
#info_open td.catBottom span.nav {
color: #fdffb3;
font-size: 10px;
text-decoration: none;
margin-left: 10px;
}

/* --- Modifikationen Ende --------------------------- */




/*--- 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: #fdffb3;
}

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

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

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

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

/*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-image: url("http://2img.net/i/fa/empty.gif");
    background-color: #transp;
}

/*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: #fdffb3;
}


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

/*Hintergrundbild der Chatbox*/
body.chatbox {
background-image: url("http://i76.servimg.com/u/f76/12/06/30/63/bild0010.jpg");
}


/*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

Wenn ich das so in den CSS setze, krieg ich dann die zweite Farbe geändert? Also die Namen von denen die gerade im Chat sind.

Code:

CHATTERS_LIST{
color: #dd6900 !important;
}

[garf2000]

mal ein bisschen nach oben schiebt.

[garf2000]

@Alex

Ohne schon wieder schieben zu wollen,
aber vielleicht kannst du nochmal schauen wegen den Schriften auf meiner Portal Seite, die sind auf einmal wieder Dunkel. Ich kann den Fehler nicht finden. Hab auch schon versucht die Umänderung von Chat und Chat Anzeige wieder rauszunehmen aber die Schrift bleibt trotzdem dunkel obwohl sie nach deinen Abänderungen hell war.

Edit: Ein anderes Problem konnte ich schon beheben, durch die Änderung für die "wer ist im Chat" anzeige hatte sich eine andere schrift auch in Fett geändert das lies sich aber durch ein zweites "</span>" in deinem code beheben.

Code:

<span class="gensmall" style="font-size: 12px; font-weight: bold; color: #93100c;">{TOTAL_CHATTERS_ONLINE} :<span style="color: #dd6900">{CHATTERS_LIST}</span> </span>

Edit: Habe jetzt alle Änderungen in Temp und Css rückgängig gemacht und nur in die CSS die Schrift Farbänderung reingesetzt aber seltsamer weise bleiben jetzt ein paar überschriften Dunkel obwohl es ja schon richtig war.

[garf2000]

Das mit den Überschriften hat sich erledigt, stimmt alles wieder.

MFG