Post-Border

web46

Hi Leute,

das schwüle Wetter macht mir zu schaffen. Ich hab einen dreier-post-Ansicht für mein Archiv in der immer drei posts nebeneinander liegen. Wie schaffe ich es nun,dass nur den ersten beiden der gezeigten posts imme einen rechten border aufweisen.
Hat da einer vielleicht eine Lösung, da meine Google versuche keine Ergebnisse ergaben.

Gruss

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

alchymyth

link zur seite?

bei css/formatierungs-fragen ist ein link immer von vorteil.

wahrscheinlich musst du den einzelnen posts in der zeile eine individuelle css class geben.

web46

Die Seite ist leider noch nicht online sondern nur local. Falls es es hilft das ist mein loop:

PHP

<div id="content" role="main">


            <?php $paged = get_query_var('paged') ? get_query_var('paged') : 1;
query_posts('cat=5&paged='.$paged.'&post_per_page=2'.get_option('posts_per_page')); ?>
            
            <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
            




                <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <h1 class="entry-title"><?php the_title(); ?></h1>


                    <div class="entry-meta">
                        <?php twentyten_posted_on(); ?>
                    </div><!-- .entry-meta -->


                    <div class="entry-content">
                        <?php the_content(); ?>
                        <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
                    </div><!-- .entry-content -->




                </div><!-- #post-## -->




<?php endwhile; // end of the loop. ?>


            <div id="nav-below" class="navigation">
                    <?php if(function_exists('wp_paginate')) {
    wp_paginate();
} ?>
                </div><!-- #nav-below -->
            
            </div><!-- #content -->

Alles anzeigen

web46

Für jeden den es interessiert. Ich hab das vor den Loop gesetzt und es funktioniert.

PHP

<script type="text/javascript" charset="utf-8">
/*<![CDATA[ */
<?php if($_GET['preview']) : ?> setTimeout( function(){ borders(); }, 2000); <?php endif; ?>


 jQuery(document).ready(borders);


function borders() {
     jQuery('#content .post:gt(0)').css('border-left', '1px dashed #999');
 }
</script>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Post-Border

Jetzt mitmachen!