Verschiedene Icons für verschiedene Bereiche

Hallo,

verwende das Standard Theme, würde jedoch gerne für jeden "Bereich", also Categories, Archiv, etc. eigene Icons anstelle des post.gif verwenden.

In der CSS habe ich folgenden Verweis gefunden:

#sidebar ul ul li {
background: url("images/post.gif") left no-repeat;
}

Da ich leider in CSS noch nicht so bewandert bin, würde es mich interessieren, wie ich den Code abändern muss, so dass ich für die verschiedenen Bereiche auf meiner Sidebar unterschiedliche Logos bzw. Icons verwenden kann...

Hallo Monika,

leider klappt es bei mir dann so problemlos doch nicht, aber ich bin vermutlich einfach zu doof.

So sieht meine nunmehr modifizierte CSS-Datei aus:

#sidebar ul ul li {
background: url("images/post.gif") left no-repeat;
}

#sidebar ul.first ul li {
background: url("images/first.gif") left no-repeat;
}

#sidebar ul.second ul li {
background: url("images/second.gif") left no-repeat;
}

Wobei das der erste Eintrag (post.gif), den vorherigen Stand wiedergibt, ergänzt um Deinen Vorschlag.

In der Sidebar habe ich dann jenen Bereich mit der class versehen, wie Du sie darfestellt hast, nämlich:

<li>
<h2>Jüngste Kommentare</h2>
<ul class="first"><?php c2c_get_recently_commented(10); ?></ul>
</li>

Leider tat sich nichts. Das gif habe ich natürlich an die richtige Stelle "upgeloadet"....

Weißt Du nochmals Rat?

Liebe Monika,

ganz hab´ ich es noch nicht raus. Könntest Du mal meine Site anschauen?
http://podkascht.de

Here we go:

<div id="sidebar">
<ul>

<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

<!-- Author information is disabled per default. Uncomment and fill in your details if you

want to use it.
<li><h2>Author</h2>
<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
</li>
-->

<li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<p>You are currently browsing the archives for the <?php single_cat_title(''); ?>

category.</p>

<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p>Das ist der Archiv-Bereich von <a href="<?php bloginfo('home'); ?>/"><?php echo

bloginfo('name'); ?></a> für den Tag <?php the_time('l, F jS, Y'); ?>.</p>

<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p>Das ist der Archiv-Bereich von <a href="<?php bloginfo('home'); ?>/"><?php echo

bloginfo('name'); ?></a> für <?php the_time('F Y'); ?>.</p>

<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p>Das ist der Archiv-Bereich von <a href="<?php bloginfo('home'); ?>/"><?php echo

bloginfo('name'); ?></a> für das Jahr <?php the_time('Y'); ?>.</p>

<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p>Suche in <a href="<?php echo bloginfo('home'); ?>/"><?php echo

bloginfo('name'); ?></a> für <strong>'<?php echo wp_specialchars($s); ?>'</strong>. Erfolglose Suche? Dann versuch´ es mal bei diesen Links .</p>

<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) &&

!empty($_GET['paged'])) { ?>
<p>Das ist der Archiv-Bereich von <a href="<?php echo bloginfo('home'); ?>/"><?php echo

bloginfo('name'); ?></a> .</p>

<?php } ?>
</li>
<br></br>

<li><?php the_recent_posts(); ?></li>

<ul class="first">
<li>
<h2>Jüngste Kommentare</h2>
<ul><?php c2c_get_recently_commented(10); ?></ul>
</li>
</ul>

<!-- <li><h2>Themen</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</li>-->

<li><h2>Archiv</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>

<?php wp_list_pages('title_li=<h2>Weitere Angaben</h2>&sort_column=menu_order&sort_order=ASC'); ?>

<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php get_links_list(); ?>

<li><h2>Feeds und so...</h2>
<ul>
<!--<?php wp_register(); ?>-->
<!--<li><?php wp_loginout(); ?></li>-->

<?php wp_meta(); ?>
<p><a href="<?php bloginfo_rss('rss2_url'); ?> "><img src="http://www.podkascht.de/img/eintr.gif" alt="rss-Einträge" width="80" height="15" border="0" /></a></p>

</ul>
</li>
<?php } ?>

</ul>
</div>