Kolommen

Kolommen instellen

Bij een nieuwe webpagina of bericht begin je altijd met het indelen in kolommen. Door de verschillende kolombreedten krijg je meer controle over de lay-out. De kolommen zijn containers waar je met ‘slepen en loslaten’ inhoud in kunt plaatsen. Je kunt dus zelf kiezen welke bouwelementen je in de container wilt plaatsen.

Achtergrondafbeelding & Achtergrondkleur

Achtergrondafbeelding

Je kunt een afbeelding uploaden om als achtergrond van je kolom te gebruiken. Het is mogelijk om een achtergrondpositie in te stellen en je kunt ook aangeven hoe/of je de achtergrond wilt herhalen. Dit is een halve kolom met een achtergrond die zowel horizontaal als verticaal herhaalt wordt.

Achtergrondkleur

Je kunt de kolom iedere gewenste achtergrondkleur geven.

Gelijke kolomhoogte

100% container

Het is mogelijk om de kolommen een gelijke hoogte te geven, maar dit werkt alleen wanneer de kolommen in een container met een breedte van 100% zijn geplaatst. Klik op het pennetje van de container en selecteer JA bij 100% Container.

Overzichtelijk

Deze kolom is even hoog, maar heeft minder inhoud. Mooier en overzichtelijker!

Kolomranden

Ononderbroken

Deze kolom heeft een ononderbroken rand van 4 pixels en de ruimte tussen de tekst en de rand is 10 pixels.

Gestreept

Deze kolom heeft een gestreepte rand van 3 pixels en de ruimte tussen de rand en de tekst is 15 pixels.

Gestippelt

Deze kolom heeft een gestippelde rand van 2 pixels en de ruimte tussen de rand en de tekst is 20 pixels.

Hele kolom 1/1

Er zijn 6 verschillende kolombreedtes. Hieronder een overzicht van de verschillende kolom combinaties.

Halve kolom 1/2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Halve kolom 1/2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een derde kolom (1/3)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een derde kolom (1/3)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een derde kolom (1/3)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een derde kolom (1/3)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Twee derde kolom (2/3)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nis.

Een vierde kolom (1/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een vierde kolom (1/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een vierde kolom (1/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een vierde kolom (1/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een vierde kolom (1/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Drie vierde kolom (3/4)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een vijfde kolom (1/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Vier vijfde kolom (4/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ulis.

Twee vijfde kolom (2/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Drie vijfde kolom (3/5)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Een zesde kolom (1/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Vijf zesde kolom (5/6)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ulis.

Pien Vink

Pien Vink

Avada Specialist zie: Webdesign Limburg
Eind 2007 ben ik gestart als zelfstandig webdesigner en grafisch vormgever. Een ideale baan, omdat ik creatief bezig kan zijn en mijn eigen werktijden kan bepalen. Ik haal veel voldoening uit het maken van professionele en op maat gemaakte ontwerpen die passen bij mijn opdrachtgevers. Ik denk graag mee en probeer me keer op keer in te leven in de opdracht die voor me ligt. De relatie met mijn klanten is daardoor goed en mijn bestaande klanten helpen me dan ook steevast aan nieuwe klanten. Ik hoef dus geen tijd te verspillen aan het binnenslepen van klussen, een goed teken!
Pien Vink

Berichten geplaatst door: Pien Vink (bekijk alles)

2016-11-28T16:43:25+00:00 19 november, 2016|Bouwelementen (Avada)|0 Reacties

Geef een reactie