Kommentare von Moderatoren farblich hinterlegen - wie kann ich das machen?

Frau-Punk

Hallo Ihr Lieben.

Ich bin Autor eines Blogs, wenn ich kommentiere dann werden die Kommentare hellblau hinterlegt und fallen somit auf. Das habe ich vor langer Zeit mal in der css Datei eingestellt.

Seit kurzem habe ich nun Moderatoren auf meinem Blog [size=8](falls es ne Rolle spielt, mit "UserRoleEditor" angelegt)[/SIZE], also keine Autoren, sondern Leute, die sich lediglich um die Kommentare kümmern - wie kann ich deren Hintergrund farblich hinterlegen?

Von css habe ich null Ahnung - von daher will ich da auch nicht wild rumprobieren, nicht das was kaputt geht. Am liebsten wäre mir ein Plugin.

Kann mir jemand helfen?

Vielen Dank!

Mandy

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

wenn du einen Link zur Seite gibst, kann man nachsehen ob deine Moderatoren eine eigne css "class" haben

Frau-Punk

Meine Seite ist http://www.gekreuzsiegt.de

Bisher wurden die Moderatoren noch nicht aktiv - als "Moderator" sind sie allerdings schon angelegt, sind erst seit gestern "eingestellt" und schreiten ein, je nachdem was so abgeht.

Tutrix

nun das kannst du bei dir über den Namen umsetzen

wenn es noch gar keine Kommentare(dieser Moderatoren) gibt, kann ich dir natürlich auch keinen korrekten Code geben ;-)

CSS

.comment-author-[COLOR="#FF0000"]hier der name[/COLOR]{
    background: #FF0000 !important;
}

[COLOR="#FF0000"] FF0000[/COLOR] = Farbcode deiner Wahl

und das in die style.css einfügen

Frau-Punk

Ah ok, danke Dir. Setz ich den Code einfach ganz unten drunter in der stlye.css?

Tutrix

du hast ja schon eine Formatierung drin, für den Postautor

CSS

.bypostauthor {
    background-color: #B2CCFF !important;
}

könntest also die neuen Codes danach einfügen, dann hast du alle beisammen

kleiner Tipp noch, dir ist sicher aufgefallen das sich das "hellblau" auf nachfolgende Antworten(nicht von dir) erweitert

ändere den Code in

Code

.bypostauthor > div {
    background-color: #B2CCFF;
}

dann bleibt das hellblau bei dir :)

ach ja das gilt dann auch für die Moderatoren

Code

.comment-author-hier der name > div {
    background: #FF0000;
}

das !important kann man dann weglassen

Frau-Punk

YEAH. super, ich glaube ich bin nah dran.

Also mein "hellblau" bleibt jetzt tatsächlich bei mir ;-) Das klappt schon mal.

Unter diesem Artikel habe ich jetzt mal einen Test Kommentar gegeben bzw. zwei - mit dem Namen von einem Moderator, aber leider übernimmt es die Farbe noch nicht. Nehm an irgendwas im Code ist falsch?

Zitat

}
body{ background-color: #639BF0 !important;}
.bypostauthor > div {
background-color: #B2CCFF;
}
.comment-author-Gekreuz(siegt) Moderator - Soenke{
background: #66CC00 !important;
}

Alles anzeigen

Tutrix

nur den Namen verwenden sonst nix

also

Code

.comment-author-soenke > div {
    background: #66CC00;
}

Frau-Punk

YES!! Cool Danke! Der Name ist solang... damit die Leute ihn als Moderator erkennen, aber nur "soenke" funzt. DANKE!!! Hast mir echt nen Wunsch erfüllt!! ;-)

Tutrix

wie die Klasse genau aussieht, kannst du dir im Quelltext deiner Seite ansehen, also Rechtsklick Seitenquelltext anzeigen

dann zum Kommentar scrollen

sieht für den Beispiel Kommentar z.B. so aus

Code

<li class="comment byuser comment-author-soenke even depth-3" id="li-comment-16862">

da siehst du dann comment-author-soenke oder eben einen anderen Namen

Frau-Punk

Danke für deine Hilfe!

Annika

Hallo,

bei mir funktioniert das irgenwie nicht, dass nur meine Kommentare farbig hinterlegt sind.

In der Style-css sieht es jetzt bei mir so aus:

Code

.bypostauthor .comment-body > div{
        border: 1px solid #444; background-color: #8FBC8F
        }

Kann mir jemand sagen, wo mein Fehler liegt? Bitte schreibt mir, wenn möglich den Code vollständig auf, so dass ich nur kopieren und einfügen muss. Bin nicht sonderlich bewandert, was css betrifft...

Ich nutze Magazine-Basic.
Ein Beitrag in meinem Blog, wo mehrere Antworten sind als Beispiel:

http://im-gr%c3%bcnen-himmel.de/blog/2013/10/f…mitmach-aktion/

Ich danke euch schonmal für eure Hilfe.

LG

g3h

Hi,

versuch mal hier das stattdessen:

CSS

.bypostauthor > div {
    border: 1px solid #444 !important; 
    background-color: #8FBC8F !important;
}

Um sowas zu herauszufinden kann ich dir Firebug empfehlen oder generell unter Firefox STRG+SHIFT+I

MfG

Annika

Wunderbar, hat geklappt!

Merci! :smile:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kommentare von Moderatoren farblich hinterlegen - wie kann ich das machen?

Jetzt mitmachen!