wysiwyg theme builder
TRANSCRIPT
![Page 1: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/1.jpg)
DE WYSIWYG EDITORTheme builder V0.9
Feb 2016
![Page 2: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/2.jpg)
Beta testerWat fijn dat je ons meehelpt met het testen van onze nieuwe editor
De nieuwe WYSIWYG editor
![Page 3: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/3.jpg)
De nieuwe WYSIWYG editor
De basis is eenvoudig.
In de nieuwe editor klik je het element aan dat je wilt stylen, vervolgens komen alle ‘instellingen’ aan de linkerzijde in beeld.
![Page 4: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/4.jpg)
Kies een onderdeelKlik op het item dat je wilt stylen, Een geselecteerd item herken je aan de blauwe gestippelde lijn. Gebruik de instellingen aan de linker zijde om het item vorm te geven.
4 stappenStyle je magazine in 4 eenvoudige stappen.
![Page 5: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/5.jpg)
Kies een eigen kleurZoals je ziet is de Title nu gekozen en groen gemaakt door op “+” te klikken. Alle kleuren die je toevoegt, worden onthouden.
![Page 6: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/6.jpg)
Overloop (gradient)Je kunt ook kiezen voor een kleuroverloop zoals in de button
![Page 7: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/7.jpg)
SlagschaduwZie de slagschaduw direct veranderen
Kies een effectKies een effect of kleur
![Page 8: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/8.jpg)
PositieKies hoe de navigatie getoond wordt in je magazine
Stap 2: de navigatie
![Page 9: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/9.jpg)
Icon setVerander je iconen set
IconsZie de verandering direct in je navigatiebalk!
![Page 10: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/10.jpg)
Loading screen
Een loaderDit is de animatie die je ziet terwijl alles inlaadt
![Page 11: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/11.jpg)
Selecteer loaderSelecteer één van de loaders
![Page 12: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/12.jpg)
Loader logoKies voor een logo op het loaderscherm!
![Page 13: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/13.jpg)
Achtergrond kleurKies de kleur van de animatie loader
![Page 14: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/14.jpg)
Animatie kleurSelecteer de kleur van de animatie loader.
![Page 15: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/15.jpg)
OverlayDit is de basis layout van een overlay
Overlay
![Page 16: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/16.jpg)
Selecteer een item1.Klik op het itemdat je wilt wijzigen
Kies een kleur2. Kies vervolgens een kleur
![Page 17: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/17.jpg)
SaveVergeet vooral niet je wijzigingen te bewaren!
![Page 18: Wysiwyg theme builder](https://reader031.vdocuments.site/reader031/viewer/2022021919/587bfb1c1a28ab7c668b5719/html5/thumbnails/18.jpg)
Veel plezier met het maken van je magazine!Heb je vragen? Bel ons gerust op (020) 3032822 of mail naar [email protected].
Het Instant Magazine team