Bestimmte Nachrichtentypen formatieren

  • Hi,


    in diesem Thread zeige ich euch, wie ihr gezielt Nachrichten im Chat formatieren könnt, seien es nun Away-, /me- oder Eintrittsnachrichten und noch vieles mehr. Jeder Nachrichttyp in Tim's Chat hat eine eigene CSS-Klasse spendiert bekommen, die .timsChatMessageX heißen, wobei das X eine bestimmte Zahl ist, je nachdem, welcher Nachrichtentyp welche Zahl zugewiesen wurde. Aus diesem Grund sehen die Codes hier recht ähnlich aus, bis auf eine Ausnahme. Die Textformatierungen habe ich willkürlich gewählt. Euch steht es natürlich offen, jede Farbe, Formatierungen nach eurer Wahl anzuwenden.


    Normale Nachrichten:


    Code
    .timsChatMessage0{
        color:#013370;    
    }


    Eintrittsnachrichten:


    Code
    .timsChatMessage1{
            color: #5050ff;
            font-weight: bold;
    }


    Austrittsnachrichten:


    Code
    .timsChatMessage2{
            color: #ff5050;
            font-weight: bold;
    }


    Dieser Code formatiert auch die Raumwechsel-Meldungen.


    Me-Nachrichten:


    Code
    .timsChatMessage6{
            color: #e0e0e0;
    }


    Flüsternachrichten:


    Code
    .timsChatMessage7{
            color: #ff0000;
            font-style: italic;
    }


    Eigene Nachrichten:


    Code
    .ownMessage{
        color:#000099;    
    }