1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Verschiedene Icons für verschiedene Bereiche

Dieses Thema im Forum "Design" wurde erstellt von Valley06, 28. Juli 2006.

  1. Valley06

    Valley06 Member

    Registriert seit:
    9. Juni 2006
    Beiträge:
    19
    Zustimmungen:
    0
    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...
     
  2. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    zuerst musst Du die sidebar so vorbereiten

    dann gibst Du jeden ul Block eine eigene class

    zB ul class="first"

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    hilft dies weiter?
    lg
     
  3. Valley

    Valley Active Member

    Registriert seit:
    12. Januar 2006
    Beiträge:
    30
    Zustimmungen:
    0
    Monika,

    das hilft sehr weiter, werde es nachher gleich ausprobieren.

    Herzlichen Dank!

    valley
     
  4. Valley06

    Valley06 Member

    Registriert seit:
    9. Juni 2006
    Beiträge:
    19
    Zustimmungen:
    0
    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?
     
  5. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    ja folge dem Link aus meinem ersten Post und bereite die sidebar darauf
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und den nächsten Block der mit nur einem li anfängt umschließt Du wieder mit dem
    <ul class="second">
    .....
    lg
     
  6. Valley06

    Valley06 Member

    Registriert seit:
    9. Juni 2006
    Beiträge:
    19
    Zustimmungen:
    0
    Liebe Monika,

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

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    poste den Inhalt Deiner
    sidebar.php

    lg
     
  8. Valley06

    Valley06 Member

    Registriert seit:
    9. Juni 2006
    Beiträge:
    19
    Zustimmungen:
    0
    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>
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden