Elemento de site do repetidor de grade

Projete uma coluna e o Repetidor de Grade repetirá automaticamente seu design para outras colunas, incluindo um conjunto de elementos, estilo e posicionamento. Especifique o texto, as imagens em cada coluna para finalizar seu design. Isso vai economizar tempo, permitindo que você se concentre na criatividade.
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 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.