Rafaela Bublitz
Respostas no Fórum
-
Fórum: Plugins
Em resposta a: Como fazer moisaico de posts?Oi, Matheus
estava fazendo alguns ajustes, segue o link do site http://oye-magazine.com/
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?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?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.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?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?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?