1. Zuhause
  2. Eigenschaften
  3. Webseitenelemente
  4. Box-Element
  5. Box In Grid-Repeater Umwandeln

So konvertieren Sie eine Box zum Grid Repeater

Wenn Sie mehrere Spalten der ähnlich aussehenden Elemente benötigen, können Sie eine Gruppe in den Grid Repeater umwandeln. Es ermöglicht Ihnen, die gruppierten Elemente in Spalten ähnlich zu stilisieren, dh wenn Sie ein Element bearbeiten, das in einem Element eines Grid Repeaters platziert ist, erhalten alle anderen Elemente, die in anderen Elementen platziert sind, automatisch dasselbe Styling.
Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente
Unterstützte Systeme
Visueller Seiteneditor
Design-Elemente
Medienbibliotheken
Elementeigenschaften
Responsiv
Animationseffekte
Themen Einstellungen
Kontakt Formular
Kopfzeile Fußzeile
Blog
E-Commerce
SEO
Benutzerdefinierter Code
Anwendungsfunktionen
Site- und Seiteneigenschaften
WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Hintergrundtypen von Box

Einer der Hauptvorteile des Gruppenelements besteht darin, dass Sie es als einzelnes Element stilisieren können. Es hat Grenzen, und um den isolierten Bereich zu füllen, können Sie den Hintergrund festlegen, der eine solide Füllung, einen Farbverlauf, ein Bild und ein Video sein kann, oder Sie können keinen Hintergrund haben, was zum Beispiel anwendbar ist, wenn Sie den Rahmen anwenden.
Hintergrund-Hover-Animation des Box-Bildes

Ähnlich wie bei Rasterzellen können Sie den Hover-Animationseffekt auf den Bildhintergrund einer Gruppe anwenden. Sie können mehrere voreingestellte Voreinstellungen verwenden, z. B. Zoom, Größe ändern und Schieben. Darüber hinaus können Sie die Hover-Animation feinabstimmen, um sie an die Bedürfnisse Ihrer Website-Idee anzupassen.
Hover-Animation auf Box

Mit Gruppen können Sie gruppierte Elemente animieren. Dabei können Sie die Gruppe selbst animieren. Beispielsweise können Sie den Hintergrund und den Rahmen für eine Gruppe ändern. Für die inneren Elemente können Sie, während Sie über eine Gruppe schweben, andere Animationseffekte wie Skalieren, Drehen, Verschieben usw. anwenden, um eine erstaunliche Interaktion zu schaffen, um Ihre Besucher dazu zu bringen, länger auf der Website zu bleiben.
Box zum Hover-Schieberegler

Sie können den Hover-Schieberegler verwenden, wenn beim Hover ein anderer Satz von Elementen für eine Gruppe angezeigt werden muss. Wählen Sie dazu eine Gruppe aus und aktivieren Sie den Hover-Schieberegler im entsprechenden Abschnitt des Eigenschaftsfensters.
Ziehen Sie Box-Elemente zusammen

Im Editor können Sie mehrere Elemente auswählen und gemeinsam verschieben. Es wird jedoch empfohlen, Elemente als integrierten Bestandteil des Webdesigns zu gruppieren, wodurch sie und ihre Positionierung erhalten bleiben. Sie können die Gruppe und ihre Elemente zusammen ziehen und ablegen, was praktisch ist und Zeit spart.
Box Border-Eigenschaft

Der Umriss ist ein sehr beliebter Effekt, der im modernen Webdesign verwendet wird. Designer verwenden Umrisse für Symbole, Schaltflächen und Rechtecke hinter Elementen. In Nicepage sind keine zusätzlichen Rechtecke erforderlich, da Sie den Umriss um Elemente herum erstellen können, indem Sie die Border-Eigenschaft für eine Box festlegen.

Kostenlose Vorlagen mit Box-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How To Transform A Box Element Into The Grid Repeater

While creating a website, you often construct the group sections containing text, images, and CTA buttons, and you want to continue building blocks with the same structure. Our grid ai-powered website builder provides you with a simple function that turns a single group into grid layouts by duplicating it with a plus icon at the side of the selected group. By clicking on the plus icon, you will be given a choice of how many duplicates in the group in the grid you require. You can make design decisions to create up to six copies in one click. Our ai-powered website builder will ensure that every grid element is identical to the original group.

Build websites using the drag and drop page editor to move elements the way you need. There's no limit to how many columns are currently present, and you can make the design decisions by dragging any element to the column you require and saving the web design space. All elements in the group will be transferred as well. No matter how they were used, they will repeat those actions until you alter them if they were a part of the group. Your user interface makes sense if every grid element pursues a particular purpose on your landing page.

The most important thing is to make design decisions that will stimulate users' interest. You can systematize your grid layouts on your landing page if you want to show your visitors all the possibilities of your website and enable them to use your services. There's no right or wrong choice in the building of your site, so the main goal for you is to experiment and find your unique style and present it to your customers via a landing page. Using your email address, you can sign up for our updates and keep track of new features we offer to our clients.

Company
Product
Themes & Templates
Nicepage
Web Design