Home / elementen

Website elementen

Binnen het CMS (Content Management Systeem) van mso-website kun je verschillende elementen toevoegen aan je pagina's. Op deze pagina laten we zien welke elementen er allemaal beschikbaar zijn. 

Dit is een slideshow

Dit element bestaat zoals je kunt zien uit meerdere slides met foto's waar je door middel van pijltjes of slepen doorheen kunt navigeren. Het is mogelijk om op de foto's in dit element titels, normale tekst, dikgedrukte of cursieve tekst te plaatsen.


Ook kun je een knop toevoegen zoals hieronder wordt getoond. Die knop kun je instellen om naar pagina's op je eigen website of naar andere websites te gaan. 


Dit is een slideshow

Dit element bestaat zoals je kunt zien uit meerdere slides met foto's waar je door middel van pijltjes of slepen doorheen kunt navigeren. Het is mogelijk om op de foto's in dit element titels, normale tekst, dikgedrukte of cursieve tekst te plaatsen.


Ook kun je een knop toevoegen zoals hieronder wordt getoond. Die knop kun je instellen om naar pagina's op je eigen website of naar andere websites te gaan. 



Standaard tekst

Het element 'Standaard tekst' is eigenlijk precies zoals de naam het al zegt. Een standaard eenkoloms tekst zonder extra opties zoals een afbeelding of een video. Een langere lap tekst ziet er dan als volgt uit: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Wel is het mogelijk om deze tekst dikgedrukt of cursief te maken. Ook kun je er opsommingen in toevoegen met cijfers en bolletjes: 

  1. Een voorbeeld van een opsomming 
  2. Een voorbeeld van een opsomming

Na een opsomming kun je ook weer gemakkelijk verder gaan in de standaard tekst. Dan kun je bijvoorbeeld nog een hyperlink toevoegen. 


2-koloms tekst links

Een 2-koloms tekst bestaat uit twee identieke kolommen tekst die perfect uitgelijnd zijn. Allemaal lappen tekst onder elkaar in dezelfde opmaak leest niet lekker, dus dit element kun je goed gebruiken om een pagina een fijnere opmaak te geven. In deze tekst kun je dezelfde opties gebruiken als in de standaard tekst hierboven. Je kunt dus dikgedrukte en cursieve tekst gebruiken, maar ook opsommingen, hyperlinks en knoppen. 

2-koloms tekst rechts

Vervolgens kun je hier aan de andere kant van de 2-koloms tekst doorgaan met je verhaal. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. 



CTA's (2-koloms - tekst onder afbeelding)

Hier komt een titel

CTA staat voor Call To Action. Dit element is op diverse manieren toe te passen in mso-websites. We laten hier onder elkaar een aantal opties zien. De afbeeldingen zijn uiteraard te vervangen door welke afbeelding je zelf wil gebruiken.

Hier komt een titel

CTA staat voor Call To Action. Dit element is op diverse manieren toe te passen in mso-websites. We laten hier onder elkaar een aantal opties zien. De afbeeldingen zijn uiteraard te vervangen door welke afbeelding je zelf wil gebruiken.



CTA's (3-koloms - tekst onder afbeelding)

Kolom 1

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 2

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 3

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.



CTA's (4-koloms - tekst onder afbeelding)

Kolom 1

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 2

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 3

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Kolom 4

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.



CTA's (4-koloms - tekst in afbeelding)

Dit is een titel

Dit is een titel

Dit is een titel

Dit is een titel



CTA's (4-koloms - tekst in blok)



CTA Slider

CTA Slider

Lorem ipsum

yas

Lorem ipsium 2

Yas

Lorem ipsum 3

YAS

Lorem ipsum 4

peko

Lorem ipsum 5

PEKO


Knop (links, midden & rechts)

Een knop kan in ieder element worden gebruikt, je kunt hem dus ook gebruiken in je standaard tekst of in je tweekoloms tekst. Hij kan zowel links, in het midden of rechts worden geplaatst. 



Fotoalbum


Tabbladen (standaard)


Tabbladen (uitklapbaar)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



Tekst & Afbeelding 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



Tekst & Afbeelding Slider

Tekst + Afbeelding 1Tekst + Afbeelding 2

Tekst + Afbeelding 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lees meer

Tekst + Afbeelding 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lees meer


Tekst & Video 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


1969

Lorem ipsum

1985

Lorem ipsum

1992

Lorem ipsum

2005

2011

Lorem ipsum

Terug naar boven knop