Respostas no Fórum

Visualizando 7 respostas - 16 até 22 (de um total de 22)
  • Fórum: Plugins
    Em resposta a: Como fazer moisaico de posts?
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Oi, Matheus

    estava fazendo alguns ajustes, segue o link do site http://oye-magazine.com/

    Fórum: Temas
    Em resposta a: Search
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Oi, BRG Web,

    Estava fazendo alguns ajustes, eu que estou fazendo este tema, criei do zero. Segue o link http://oye-magazine.com/

    Fórum: Plugins
    Em resposta a: Como fazer moisaico de posts?
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Fiz o que tu sugeriu, mas ainda não estou consegui deixá-lo como queria.

    Fórum: Plugins
    Em resposta a: Como fazer moisaico de posts?
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Infelizmente ainda não consegui, Matheus. A imagem 1 e 3 se sobrepuseram.

    O que seria o #archive-blog-grid e o .content-blog-box?

    Fórum: Temas
    Em resposta a: Menu com efeito quando clicado.
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Miriam, não estou conseguindo colocar a marcação na página quando ela está ativa. Tentei usar alguns códigos desse link, mas não obtivesse sucesso :/

    Abraço.

    Fórum: Plugins
    Em resposta a: Como fazer moisaico de posts?
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Matheus, seguem os passos:

    – Adicionei a marcação no meu HTML.
    <div id=”container” class=”js-masonry”
    data-masonry-options='{ “columnWidth”: 200, “itemSelector”: “.item” }’>
    <div class=”item”>
    <img src=”<?=bloginfo(‘template_url’)?>/images/img3.jpg”>
    <h2>imagem 1</h2>
    </div>
    <div class=”item w2″>
    <img src=”<?=bloginfo(‘template_url’)?>/images/img3.jpg”>
    <h2>imagem 2</h2>
    </div>
    <div class=”item”>
    <img src=”<?=bloginfo(‘template_url’)?>/images/img3.jpg”>
    <h2>imagem 3</h2>
    </div>
    </div>

    -Adicionei o script (masonry.pkgd.min.js) no meu site.

    -Acrescentei o css:
    .item { width: 25%; }
    .item.w2 { width: 50%; }

    – no main.js acrescentei:
    var container = document.querySelector(‘#container’);
    var msnry = new Masonry( container, {
    // options
    columnWidth: 200,
    itemSelector: ‘.item’
    });
    var $container = $(‘#container’);
    // initialize
    $container.masonry({
    columnWidth: 200,
    itemSelector: ‘.item’
    });
    var msnry = $container.data(‘masonry’);

    Abraços,

    Fórum: Plugins
    Em resposta a: Como fazer moisaico de posts?
    Criador do tópico Rafaela Bublitz

    (@rafaela-bublitz)

    Isso, Matheus. Estou precisando disso.

    Mas estou tendo dificuldades em colocar o Masonry para funcionar. Sigo o passo a passo que está no site, mas ele não funciona. Como faço para instalar?

Visualizando 7 respostas - 16 até 22 (de um total de 22)