LAST SALE DAY! Save up to 50% off!
  1. Domicile
  2. Caractéristiques
  3. Éléments de page Web
  4. Élément de répéteur de grille
  5. Propriétés Des Colonnes Et Des Lignes

Comment modifier les colonnes et les lignes de l'élément Grid Repeater

Le panneau de propriétés vous permet de modifier les propriétés des éléments. Par exemple, vous pouvez modifier les colonnes et les lignes en un seul endroit pour le répéteur de grille. Pour modifier les colonnes et les lignes, accédez aux panneaux de propriétés et faites glisser les curseurs correspondants pour modifier les valeurs des propriétés.
Apprendre encore plus

Parcourir par catégories de fonctionnalités

Éléments de page Web
Systèmes pris en charge
Éditeur de pages visuelles
Éléments de design
Médiathèques
Propriétés des éléments
Sensible
Effets d'animation
Réglage des thèmes
Formulaire de contact
En-tête et pied de page
Blog
Commerce électronique
Référencement
Code personnalisé
Fonctionnalités de l'application
Propriétés du site et de la page
Widget WordPress

Tout ce dont vous avez besoin pour créer votre site Web gratuit

Utilisez notre Website Builder pour concevoir et créer des sites Web sans codage. Faites glisser et déposez tout ce que vous voulez, où vous le souhaitez. Le créateur de site Web adapte automatiquement votre site Web pour mobile afin de le rendre réactif. Choisissez parmi plus de 9 000 modèles de sites Web personnalisables.

Télécharger pour Windows Télécharger pour Mac

Fonctionnalités associées

Ajouter des colonnes au répéteur de grille

Vous pouvez facilement modifier le nombre de colonnes pour le répéteur de grille utilisé dans un bloc. Cliquez sur l'icône bleue Plus sur le côté droit du Grid Repeater, puis sélectionnez le nombre de colonnes dans la liste déroulante. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Ajouter des lignes au répéteur de grille

Comme pour l'ajout de colonnes, vous pouvez augmenter et diminuer le nombre de lignes en cliquant sur l'icône bleue Plus en bas du répéteur de grille. Après avoir vu la liste déroulante, vous pouvez sélectionner le nombre de lignes requises. Vous pouvez choisir à la fois d'incrémenter et de décrémenter des nombres.
Couleurs des éléments du répéteur de grille

À l'aide de l'élément Grid Repeater, vous pouvez appliquer différentes couleurs à ses éléments et aux éléments qu'il contient. Pour cela, allez dans le panneau de propriétés et basculez Tous les éléments sur Élément dans la section "Appliquer le style à". Définissez ensuite les couleurs requises pour votre idée de conception Web
Écart d'élément de répéteur de grille

À l'aide de la propriété Item Gap dans le panneau de propriétés, vous pouvez modifier la distance entre les éléments répéteurs de grille. Sélectionnez le répéteur de grille, accédez au panneau de propriétés, recherchez la propriété Espace entre éléments et faites glisser son curseur pour modifier la distance entre les éléments de répéteur de grille.
Multi-sélection au répéteur de grille

Vous pouvez convertir plusieurs éléments sélectionnés en un répéteur de grille. Cela accélère le développement de blocs comme les fonctionnalités, l'équipe, les témoignages, etc. Sélectionnez plusieurs éléments, puis cliquez sur l'icône bleue Plus sur la bordure gauche. Ensuite, sélectionnez la disposition Grid Repeater.
Animation de survol de boîte pour les éléments de répéteur de grille

Semblable à l'élément de groupe, vous pouvez animer des éléments de répéteur de grille lors du survol de groupe (élément). À cela, vous pouvez également ajouter l'effet d'animation de survol aux éléments, et ils fonctionneront ensemble. Accédez au panneau de propriétés, jusqu'à la section Animation activée, définissez les effets d'animation de survol et de groupe survol si nécessaire.
Grille Répéteur Au Carrousel

Les curseurs de carrousel sont très populaires dans la conception Web moderne, et généralement, les éléments de carrousel ont la même disposition et les mêmes ensembles d'éléments. Dans Nicepage, vous pouvez facilement convertir n'importe quel répéteur de grille en carrousel en cliquant sur l'option de commutateur dans le panneau de propriétés.

Modèles gratuits avec Élément de répéteur de grille

Commencez avec nos meilleurs modèles, parfaits pour toute entreprise. Créez et personnalisez-les avec notre créateur de site Web puissant et gratuit sans code. Tous les modèles sont adaptés aux mobiles et ont fière allure sur n'importe quel appareil.

How To Modify The Rows And Columns Properties For Grid Repeater Element

Our page builder uses the Grid system that allows the creation of a responsive design for the Grid layout on your page using the best practices of the Grids. Adjust the Grid layout web design on your web page using rows and columns. In our Property Panel, you can use smooth sliders to regulate the number of rows and columns, quickly adding or removing them. Using the Item Gap slider, you can customize the grid layout space between columns and rows so that the one column and row would be at an equivalent distance from one another. You can build your web design without a drag and drop editor or different types of grids using simple yet effective best practices.

Web designers usually wonder how to create a responsive grid and build grid systems that laconically combine the most important content of text and images? Using main types of grids like a modular grid or hierarchical grid, you can integrate more than 12 columns per page by changing their positioning in the grid system. The modular grid has a strict space between the gutters, but this plays as a plus for the responsive design in the content area. Hierarchical grids provide a more free website design where text and images are not always a part of the same block but create an overall complete structure.

For the 12 columns maximum, the most important thing is to manage the overall space between columns and column width within the 12-column grid. Our landing page builder will answer the question of how to create unique types of grids similar to a modular grid or hierarchical grid. Our page builder will help to customize the column width in your column grid and improve the user experience on different devices and screen sizes. A good user experience will prevent users from clicking the skip to content button, especially how to build a page in the 12 column grid.

Company
Product
Themes & Templates
Nicepage
Web Design