+ All Categories
Home > Design > Wysiwyg theme builder

Wysiwyg theme builder

Date post: 16-Jan-2017
Category:
Upload: instant-magazine
View: 143 times
Download: 0 times
Share this document with a friend
18
DE WYSIWYG EDITOR Theme builder V0.9 Feb 2016
Transcript
Page 1: Wysiwyg theme builder

DE WYSIWYG EDITORTheme builder V0.9

Feb 2016

Page 2: Wysiwyg theme builder

Beta testerWat fijn dat je ons meehelpt met het testen van onze nieuwe editor

De nieuwe WYSIWYG editor

Page 3: Wysiwyg theme builder

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

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

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

Overloop (gradient)Je kunt ook kiezen voor een kleuroverloop zoals in de button

Page 7: Wysiwyg theme builder

SlagschaduwZie de slagschaduw direct veranderen

Kies een effectKies een effect of kleur

Page 8: Wysiwyg theme builder

PositieKies hoe de navigatie getoond wordt in je magazine

Stap 2: de navigatie

Page 9: Wysiwyg theme builder

Icon setVerander je iconen set

IconsZie de verandering direct in je navigatiebalk!

Page 10: Wysiwyg theme builder

Loading screen

Een loaderDit is de animatie die je ziet terwijl alles inlaadt

Page 11: Wysiwyg theme builder

Selecteer loaderSelecteer één van de loaders

Page 12: Wysiwyg theme builder

Loader logoKies voor een logo op het loaderscherm!

Page 13: Wysiwyg theme builder

Achtergrond kleurKies de kleur van de animatie loader

Page 14: Wysiwyg theme builder

Animatie kleurSelecteer de kleur van de animatie loader.

Page 15: Wysiwyg theme builder

OverlayDit is de basis layout van een overlay

Overlay

Page 16: Wysiwyg theme builder

Selecteer een item1.Klik op het itemdat je wilt wijzigen

Kies een kleur2. Kies vervolgens een kleur

Page 17: Wysiwyg theme builder

SaveVergeet vooral niet je wijzigingen te bewaren!

Page 18: Wysiwyg theme builder

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


Recommended