1. Huis
  2. Kenmerken
  3. Webpagina-elementen
  4. Rasterelement
  5. Rastercellen Verplaatsen

Hoe rastercellen in een webblok te verplaatsen

Met de rasters kunt u verschillende inhoud organiseren, waaronder afbeeldingen, pictogrammen, vormen en tekst in de vorm van cellen, die erg handig zijn om te bedienen. In onze visuele editor kunt u eenvoudig cellen in een raster verplaatsen door eenvoudig de ene cel over de andere te slepen, waardoor uw lay-out en inhoud voor uw webontwerp worden geperfectioneerd. Bovendien kunt u op de pijlpictogrammen in het contextgereedschap van de cel klikken om de cel te verplaatsen.

Bladeren op functiecategorieën

Webpagina-elementen
Ondersteunde systemen
Visuele pagina-editor
Ontwerp elementen
Mediabibliotheken
Elementeigenschappen
Snel reagerend
Animatie-effecten
Thema instellingen
Contact Formulier
Kop- en voettekst
Blog
E-commerce
SEO
Aangepaste code
Toepassingsfuncties:
Site- en pagina-eigenschappen
WordPress-widgets

Alles wat u nodig heeft om uw gratis website te maken

Gebruik onze Website Builder om websites te ontwerpen en te maken zonder codering. Sleep alles wat je wilt, naar elke gewenste plek. De Website Creator past uw website automatisch aan voor mobiel om deze responsive te maken. Kies uit meer dan 15,000 aanpasbare websitesjablonen.

Download voor Windows Download voor Mac

Gerelateerde functies:

Zweef schuifregelaar op een rastercel

De Slider Animation is een zeer populaire reactie op Hover. U kunt verschillende effecten voor rastercellen toevoegen, bijvoorbeeld Fade, Overlay, Slide, Flip, Wobble en Zoom. Selecteer een rastercel en ga vervolgens naar het eigenschappenvenster. Klik op de koppeling Hover Slide en kies vervolgens het effect dat u wilt zien op de Hover van de rastercel.
Formaat van rastercellen wijzigen

Als u mooie lay-outs voor uw afbeeldingen, vormen en teksten wilt maken, kunt u het formaat van rastercellen met verschillende breedtes wijzigen om uw ontwerpen een moderne uitstraling te geven.
Raster voor mobiele apparaten
Raster voor mobiele apparaten

Gebruik het rasterelement om de responsieve modi gemakkelijk te maken. Op de kleinere schermen bewegen de rastercellen automatisch onder elkaar.
Rasterindeling omdraaien

Het Grid Element is zeer flexibel. U kunt de lay-out aanpassen aan de vereisten van uw webdesign-idee. Om het raster dat je in een blok hebt geplaatst om te draaien. Selecteer dit element en ga vervolgens naar het eigenschappenvenster aan de rechterkant. Klik op de vervolgkeuzelijst Flip naast de rasterlay-out. Klik op Flip of Rotate om de bewerking uit te voeren.
Raster in doos en breed

U kunt de breedte van het raster eenvoudig wijzigen van Boxed naar Wide en vice versa. Selecteer een raster en ga vervolgens naar het eigenschappenvenster. Zoek het pictogram Boxed/Breed in de buurt van de waarden voor Breedte en Hoogte en wijzig de Gird Layout door op dat pictogram te klikken.
80+ rasterlay-outs
80+ rasterlay-outs

Krijg de grootste verscheidenheid aan rasterlay-outs voor uw webontwerp. De Grid Elements helpen je om je ontwerpen automatisch mobielvriendelijk te maken.
Rastercelkloof

U kunt de afstand tussen de rastercellen wijzigen volgens uw webontwerpvereisten. Daarvoor kunt u de eigenschap Cell Gap in het eigenschappenvenster gebruiken. Selecteer een raster, ga dan naar het eigenschappenpaneel, scrol omlaag in het paneel, sleep de schuifregelaar om de opening te wijzigen.
Raster in responsieve modi

De rasterelementen zijn erg handig om responsieve modi te bouwen, omdat in de kleinere schermen de rastercellen automatisch onder elkaar bewegen. Voor veel lay-outs kunt u ook de rastercelvolgorde in alle mobiele weergaven wijzigen. Kies het rasterelement, schakel de responsieve modus op de bovenste balk, pas uw raster indien nodig aan. Voor de meeste Grids hoeft u geen aanpassingen te doen.
Achtergrondtype rastercel

Een cel van het rasterelement kan een achtergrond hebben en u kunt er verschillende typen voor gebruiken. U kunt Kleurvulling, Verloop, Afbeelding, Video toepassen of helemaal geen achtergrond hebben. Selecteer een rastercel en ga naar het eigenschappenvenster. Kies een achtergrondtype dat het beste bij uw webdesign past.
Rasterindeling wijzigen

U kunt de lay-out van het toegevoegde raster op elk moment wijzigen in een blok. Selecteer het rasterelement en ga vervolgens naar het eigenschappenvenster. Klik op de pijl om de lijst met rastervoorinstellingen te openen en selecteer de lay-out die het beste bij uw webdesign-idee past. U kunt ook rastercellen toevoegen en verwijderen in de Editor.

Gratis sjablonen met Rasterelement

Ga aan de slag met onze beste sjablonen, ideaal voor elk bedrijf. Maak en pas ze aan met onze krachtige en gratis websitebouwer zonder code. Alle sjablonen zijn mobielvriendelijk en zien er op elk apparaat uitstekend uit.

How To Move Grid Cells With Editor’s Drag And Drop

When getting started, add a Grid to quickly set up the layout by building your future web page blocks. The Grid helps easily manage the spacing between columns and rows and the content inside rows and columns like images, text icons, etc. Using our builder, you can also easily move the Grid cells by dragging them through Grid areas where you want them to be. Keep in mind that you can create any order of the cells you wish to, so to ensure that the main content gets the users' attention, these cells must be presented first. The program will automatically set the x and y positioning of multiple cells in the Grid, which is why no matter how many columns and rows are present in the Grid, they will be placed appropriately. You do not need to go to edit to move cells, making the managing swift and effective.

Do not forget about the power of the CSS Grid template, which includes how much space between columns will be present without the need to adjust the screen sizes. Different screen sizes demand a different number of columns set and the spacing between columns. Yet, our Nicepage sites can automatically detect how many both columns and rows should be present at the moment on the screen and how much space between rows and columns should be. Our CSS Grid allows using different types of the actual content in the cells and will make sure that the visitors will not skip the main content. Using CSS Grid template will automatically resolve the question of the space between Grid template areas and the x and y coordinates.

When you start building blocks or managing your Grid template, you will quickly realize how CSS grid things improve the website's construction and overall look. Google Analytics will also consider the space between rows and columns and the number of columns you present. Change these settings if you require more space between columns and rows to make content more understandable or compact. The CSS grid columns can play a crucial role in the site layout, so create your vision of the rows and columns Grid you want to establish.

Company
Product
Themes & Templates
Nicepage
Web Design