DIV unutar Masonry grida

Pozdrav

Radim jednu ‘Masonry’ stranicu.Sve sam to sredio, ali me zanima da li je moguce unutar masonry grida ubaciti neki div, tacnije reklamu ?

Zašto da ne? Unutar svakog diva možeš ubaciti drugi div. Masonry nije ništa drugo nego lijepo poredani/složeni divovi, jednostavnije za korisnika.

<div class="masonry">
  <div class="item"> {reklama}
    <div class="item_2">{reklama}</div>
  </div>   {reklama}
</div>

I tako beskonačno…

Da ali kako to da ukomponujem sa loopom ?

Ne znam na koji način generišeš kod, ali ti mora postojati glavni “Loop”. Unutar njega promijeniš, postaviš reklamni kod, tačnije ako bi ti nešto dodao u administraciji pojavilo bi se unutar tog polja, koje si dodao.

Evo sad sam naisao i na problem sa samim masonry gridom, nakon nekoliko dodanih postova.

Radim sa Bootstrap-om.Na stranici treba da unutar containera imam 3 kolone

<div class="col-md-4 masonry-single">
    <div class="masonry-post-inner">
        <?php if( has_post_thumbnail() ) : ?>
        <div class="masonry-thumb">
            <a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('masonry-thumb'); ?></a>
        </div><!--End of masonry thumnail-->
        <?php endif; ?>
        <div class="masonry-post-content">
            <h3>
                <a href="<?php the_permalink(' ') ?>" title="<?php the_title();?>"><?php the_title(); ?></a>
            </h3>
            <?php the_excerpt(); ?>
        </div><!--End of masonry post content-->
        <div class="masonry-post-meta">
            <p>
                <span class="featured-span">Posted:</span> <?php the_time( get_option( 'date_format' ) ); ?>
            </p>
            <p>
                <span class="featured-span">Category:</span> <?php the_category(' '); ?>
            </p>
        </div>
    </div>
</div>

Ali ne postoji nikakva mogucnost da se to prikaze u 3 kolone, kako god sam probao nece, ili sve stane u 1 ili 2 kolone.

Ovako konfigurisem masonry

<script>
jQuery(document).ready(function($){
    $('.masonry-container') .masonry({
        itemSelector: '.masonry-single',
        columnWidth: function( containerWidth ) {
            return containerWidth / 3;
        }
    });
});
</script>

Sto se CSS-a tice to je ovako

.masonry-post-inner {
    max-width: 400px;
    margin: 0px auto 5px;
    background: #f5f5f5;
    border: 1px solid #eee;
}
.wp-post-image {
    max-width: 100%;
    height: auto;
}
.masonry-post-content {
    padding: 0px 10px 15px 10px;
}
.masonry-post-content h3 a {
    font-family: Arvo;
    color: #555;
    transition: all 0.4s ease-in-out;
}
.masonry-post-content h3 a:hover {
    text-decoration: none;
    color: #333;
}
.masonry-post-meta {
    padding: 8px 10px 5px 10px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
}
.masonry-post-meta p {
    text-transform: uppercase;
}
.featured-span {
    font-weight: bold;
    color: #333;
}

Ali jednostavno ne pije vode.Cijeli dan radim na ovome :frowning:

Pokušaj s ovim

http://sridharkatakam.com/using-masonry-genesis-pinterest-like-layout/

Ma prelitao sam sve to ali nista.Glavni problem je ovaj spacing http://prntscr.com/4g1pdz

Niko ?

Evo napravio sam neki mali, nazovimo ga pomak, masonry grid radi ali sve slaze u jednu kolonu.

Kako sam shvatio da radi ?
Kada se stranica ucitaje na 1 sekundu se masonry grid prikaze poptuno normalno u 3 kolone i onda se slozi sve u jednu ?

Dodato: Radim na WP 4.0 beta-2 mada mislim da to ne bi trebalo predstavljati problem.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey