Recent Comments - Icon & Color... ?

    Hallo,

    hat mit der Anpassung in CSS bisher alles wunderbar funktioniert. Jedoch bin ich jetzt auf ein Problem gestossen, undzwar...

    ...im Anhang habe ich ein Bild, wie man auf diesem Bild sieht, ist dort ein Aufzählungspunkt und der untere Text vom Comment wandelt sich automatisch an die allgemeine Seiteneinstellung an. Ich möchte jedoch den Aufzählungspunkt mit einem Icon ersetzen und die Schriftfarbe des Comments in der Sidebar wählen können. Da "Recent Comments" ja ein Plugin ist, gibt es dafür keine Stelle in der CSS Datei - kann man das in der CSS Datei nachtragen, oder wie kann ich das kleine Problem erledigen?

    [Blockierte Grafik: http://forum.wordpress-deutschland.org/attachment.php?attachmentid=114&stc=1&d=1141920857]

    Ich wäre sehr froh, wenn mir jemand weiterhelfen kann. Danke.

    • Gerade eben
    • Anzeige

    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

    Vermutlich, ja. Schau einfach mal in den Quellcode einer ausgegebenen Seite (also nicht die PHP-Dateien!), ob das Recent Comments Plugins IDs und Klassen verwendet. Wenn ja, ist es ein leichtes, darüber das Aussehen zu verändern.

    Gruß Jeriko

    Jeriko - Design, Style, Photographie

    So sieht der Abschnitt mit dem Code für Recent Comment in der ausgegebenden Datei aus:

    Zitat

    <h2><em>Aktuelle Kommentare</em></h2>
    <ul class="get_recent_comments">
    <li><a href="http://kristoff.host.sk/?p=4#comment-9" title="Ein weiterer Titel">6. M&auml;rz 2006, Simon</a>Ein weiterer Kommentar und dann ist jetzt auch schluss, denn so langsam nervt mich das ganze...</li>
    <li><a href="http://kristoff.host.sk/?p=3#comment-8" title="Wie gefährlich...">6. M&auml;rz 2006, Hans Wurst</a>Ich werde jetzt einfach mal ein wenig Spam verbreiten, schließlich sollst du auch etwas...</li>
    <li><a href="http://kristoff.host.sk/?p=4#comment-7" title="Ein weiterer Titel">6. M&auml;rz 2006, Susie Strolch</a><Sie hat es dir also jetzt voll gegeben. Ha! Geschieht dir auch recht, schließlich...</li>
    </ul>


    Ist es damit möglich?

    Zitat von kristoff

    Ist es damit möglich?

    [FONT="Courier New"].get_recent_comments {
    list-style-type: none;
    }

    .get_recent_comments li {
    background: url(aufzaehlungszeichen.jpg) left no-repeat;
    padding-left: 20px; /* Muß angepaßt werden, je nach dem wie breit das Bild ist */
    color: #456; /* Wunschfarbe wählen */
    }[/FONT]

    ------

    Das fügst Du zu Deiner style.css hinzu.

    Okay, es funktioniert, aber auf seine eigene Weise. :)
    So sieht es nun aus...

    http://forum.wordpress-deutschland.org/attachment.php…=1&d=1141984302

    Ich möchte das das Icon das Aufzählungszeichen ersetzt, jetzt schiebt es sich jedoch mit rein. So wie bei den anderen darüber und darunter, wie man auf dem Bild sieht.

    ?

    Sie mal, auf der Seite http://www.mx4.info/journal/ ist es so, wie ich es meine...

    Einmal editiert, zuletzt von kristoff (10. März 2006 um 10:53)

    PHP
    .get_recent_comments li {
list-style-image: aufzaehlungszeichen.gif // Eigenes Aufzählungszeichen
color: #456 // Farbe der Schrift
}

    Das alleine sollte den gewünschten Effekt erzeugen

    Gruß Jeriko

    Jeriko - Design, Style, Photographie

    Zitat von Jeriko

    Das alleine sollte den gewünschten Effekt erzeugen

    Stimmt. Manchmal hat man ein Brett vorm Kopf. :D Mir war in dem Fall so, als wenn der IE das nicht unterstützt, macht er aber (ausnahmsweise).

    Mit dem Code von dir Jeriko, tut sich leider überhaupt nichts - dann ist es wieder wie ganz am Anfang...

    Also ich habe den Code in die style.css gepackt. Das ist doch richtig, oder - muss ich den Code vielleicht an eine bestimmte Stelle einfügen?

    Okay, hab es geschaft. Es war wohl doch einfacher. Hab in der *.css einen Eintrag gefunden, der war so:

    Zitat

    #subcontent ul.recentcomments li {list-style-image:url(images/mx4/comments.gif);}

    Diesen habe ich zu folgendem geändert:

    Zitat

    #subcontent ul.get_recent_comments li {list-style-image:url(images/mx4/comments_yellow.gif); color:#333333;}

    Und siehe da, es geht. Habe jedoch ein kleines "Aussehens-Problem" mit dem Titel...

    Als Titel für ein Kommentar kommt ja immer das Datum und Name. Wie kann ich denn Titel selbst mit einer anderen Farbe versehen? Weil das ja ein Link ist, nimmt er automatisch die allgeimeinen Einstellungen für die Seite, ich möchte jedoch diesen Link einzeln konfigurieren. Geht das?

    Ich habe ein ähnliches Problem. Die oben beschriebenen Beiträge haben aber zu keiner Abhilfe geführt.


    Template:

    Code
    <li class="get_recent_comments"><a href="%comment_link" title="%post_title, %post_date">%comment_date von %comment_author :</a><br />%comment_excerpt</li>



    style.css:

    Code
    .get_recent_comments li { 
 list-style-image: url(images/pcomicon.jpg); 
}


    mit

    Code
    #subcontent li.get_recent_comments li {
 list-style-image: url(images/pcomicon.jpg);
}


    hab ich es auch schon ohne Erfolg probiert.

    Watt nu ?

    Meine Seite ist nicht valide und das ist auch gut so!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden