Como usar o elemento Grid Repeater em sites

Projete uma coluna e o Grid Repeater repetirá automaticamente seu projeto para outras colunas, incluindo um conjunto de elementos, estilo e posicionamento. Especifique texto, imagens em cada coluna para finalizar seu design. Isso economizará tempo, permitindo que você se concentre na criatividade.
Elemento Repetidor de Grade

Navegue por categorias de recursos

Adicionar colunas ao repetidor de grade

Você pode alterar facilmente o número de colunas para o repetidor de grade usado em um bloco. Clique no ícone azul de adição no lado direito do Grid Repeater e selecione o número de colunas na lista suspensa. Você pode escolher os números de incremento e decremento.

Adicionar linhas ao repetidor de grade

Semelhante à adição de colunas, você pode aumentar e diminuir o número de linhas clicando no ícone de adição azul na parte inferior do repetidor de grade. Depois de ver a lista suspensa, você pode selecionar o número de linhas necessárias. Você pode escolher os números de incremento e decremento.

Propriedades de Colunas e Linhas

O Painel de Propriedades permite que você modifique as Propriedades do Elemento. Por exemplo, você pode alterar as Colunas e Linhas em um só lugar para o Repetidor de Grade. Para alterar as Colunas e Linhas, vá para os Painéis de Propriedades e arraste os controles deslizantes correspondentes para alterar os valores das propriedades.

Intervalo do item do repetidor de grade

Usando a propriedade Item Gap no Property Panel, você pode alterar a distância entre os Grid Repeater Elements. Selecione o Grid Repeater, vá para o Property Panel, encontre a propriedade Item Gap e arraste seu controle deslizante para alterar a distância entre os Grid Repeater Items.

Multi-seleção para repetidor de grade

Você pode converter elementos selecionados multiplicados em um repetidor de grade. Acelera o desenvolvimento de Blocos como Recursos, Equipe, Depoimentos, etc. Selecione vários Elementos e clique no ícone de Mais azul na borda esquerda. Em seguida, selecione o layout Grid Repeater.

Cores do Item do Repetidor de Grade

Usando o Grid Repeater Element, você pode aplicar cores diferentes aos seus itens e elementos contidos. Para isso, vá para o Painel de Propriedades e alterne Todos os Itens para Item na seção "Aplicar Estilo a". Em seguida, defina as cores necessárias para sua ideia de web design

Repetidor de grade para carrossel

Carousel Sliders são muito populares em web design moderno e, geralmente, Carousel Items tem o mesmo layout e conjuntos de itens. No Nicepage, você pode facilmente converter qualquer Grid Repeater em um carrossel clicando na opção switcher no Property Panel.

Box Hover Animation para itens do repetidor de grade

Semelhante ao elemento de grupo, você pode animar itens do repetidor de grade ao passar o mouse do grupo (item). Com isso, você também pode adicionar o efeito de animação de foco aos itens, e eles funcionarão juntos. Vá para o painel de propriedades, até a seção Animação em, defina os efeitos de animação Hover e Group Hover, se necessário.

Modelos grátis com Elemento Repetidor de Grade

Comece com nossos melhores modelos, ótimos para qualquer negócio. Crie e personalize-os com nosso poderoso e gratuito construtor de sites sem código. Todos os modelos são compatíveis com dispositivos móveis e têm uma aparência excelente em qualquer dispositivo.

How To Use Grid Repeater For Website Features And More

Web designing and web development is a very time-consuming process. And any optimization in processes is very helpful for professionals and newcomers and those who only start their practice. Our grid repeater is an intuitional and effective tool that allows you to quickly copy the design and color palette of the columns and rows. Create one column or a row and then promptly multiply them without loosing your custom design features. Furthermore, you can even customize the gap, color palette, add carousel, animations, and other properties in the settings menu. We also provide a vast amount of various templates with the grid repeater already integrated.

Several years ago, co-founder Dan Tocchini, CEO & co-founder Brian Axe chairman of a certain product to satisfy suits, launched a new crowdfunding campaign to backup their content user with a unique design using artificial intelligence. How game-changing yada yada some thesis may sound to keep expectations clear the newly developed grid uses artificial intelligence in its core as was confirmed by founder Dan Tocchini and Brian Axe. Less than 8 per month uber-regular with life-is-swell emails can improve the crowdfunding campaign and the news hearing from us with full dose till the google AdSense equivalent appears.

The grid ai-powered website builder provides game-changing yada yada artificial intelligence that CEO and co-founder Dan tests to provide us with full dose till their new engine inside ai-powered website builder is set up. Tocchini CEO and co-founder encourage everyone to talk about how close hearing from us and full dose features can speed up the shipping the viable shells for campaign improvements. Dan Tocchini confirms how game-changing yada yada totally new engine hums, so sign up for new exciting updates.