Styleguide : Basis Elementen


 

Dit zijn de out-of-the-box TYPO3 basis-elementen. Al dan niet met toegevoegde extra-functionaliteit (zoals Pinterest button etc.)

Deze elementen zitten in alle websites. Opmerking: niet alle functionaliteit is gestyled, maar wel functioneel in de website aanwezig.

 

 

1. Header elementen

 

2. Text elementen

 

3. Text & Image elementen

 

4. Image elementen

 

5. Text & Media elementen

 

6. List elementen

 

7. Buttons

1. Header Elementen


 

 

Header - Default

Header - Type H1

Header - Type H2

Header - Type H3

Header - Type H4

Header - Type H5
Subheader

Header - Default : Fonts 42px

2. Text Elementen


Text element

Subheader

Regular Text

Regular Hard Newline

 

Regular Newline

 

RTE: Bold Text Normal Italic 

 

  1. Numbered List
  2. Numbered List
  • Ordered List
  • Ordered List

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Zenonis est, inquam, hoc Stoici. Itaque mihi non satis videmini considerare quod iter sit naturae quaeque progressio. Qua tu etiam inprudens utebare non numquam. Iam in altera philosophiae parte. Is ita vivebat, ut nulla tam exquisita posset inveniri voluptas, qua non abundaret. Duo Reges: constructio interrete.

 

Quasi vero, inquit, perpetua oratio rhetorum solum, non etiam philosophorum sit. Hoc enim constituto in philosophia constituta sunt omnia. Ergo adhuc, quantum equidem intellego, causa non videtur fuisse mutandi nominis. Quamquam id quidem, infinitum est in hac urbe; In quo etsi est magnus, tamen nova pleraque et perpauca de moribus. Sin eam, quam Hieronymus, ne fecisset idem, ut voluptatem illam Aristippi in prima commendatione poneret. Vitiosum est enim in dividendo partem in genere numerare. Sin aliud quid voles, postea.Prioris generis est docilitas, memoria; Non quaeritur autem quid naturae tuae consentaneum sit, sed quid disciplinae. Idem iste, inquam, de voluptate quid sentit?Quae diligentissime contra Aristonem dicuntur a Chryippo.

 

Conferam avum tuum Drusum cum C. Nunc omni virtuti vitium contrario nomine opponitur. Eam si varietatem diceres, intellegerem, ut etiam non dicente te intellego; De hominibus dici non necesse est. Qui autem esse poteris, nisi te amor ipse ceperit? Nam quid possumus facere melius? Ego vero isti, inquam, permitto. Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Isto modo ne improbos quidem, si essent boni viri.

 

Regular Text element (met background img)

Subheader

Regular Text

Regular Hard Newline

 

Regular Newline

 

RTE: Bold Text Normal Italic 

 

  1. Numbered List
  2. Numbered List
  • Ordered List
  • Ordered List

3. Text & Images elementen


Text & Images - Image in text left

Subheader A

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Odium autem et invidiam facile vitabis. Iam enim adesse poterit. Ab hoc autem quaedam non melius quam veteres, quaedam omnino relicta. Quae autem natura suae primae institutionis oblita est? Duo Reges: constructio interrete.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Text & Images - Image right Above text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. At hoc in eo M. Aliter autem vobis placet. Nobis Heracleotes ille Dionysius flagitiose descivisse videtur a Stoicis propter oculorum dolorem. Occultum facinus esse potuerit, gaudebit; An dolor longissimus quisque miserrimus, voluptatem non optabiliorem diuturnitas facit? Duo Reges: constructio interrete. Hoc dixerit potius Ennius: Nimium boni est, cui nihil est mali.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Text & Images - Image beside text right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis tibi ergo istud dabit praeter Pyrrhonem, Aristonem eorumve similes, quos tu non probas? At eum nihili facit; Huius, Lyco, oratione locuples, rebus ipsis ielunior.Theophrastus mediocriterne delectat, cum tractat locos ab Aristotele ante tractatos? Duo Reges: constructio interrete. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Quae contraria sunt his, malane? Quo studio Aristophanem putamus aetatem in litteris duxisse? Quippe: habes enim a rhetoribus; Atqui perspicuum est hominem e corpore animoque constare, cum primae sint animi partes, secundae corporis.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Ontdek meer met onze gratis magazine

Bestel hier ons gratis keukenmagazine en lees alles over de laatste trends. Laat je inspireren door de mooiste keukens en de nieuwste apparatuur. Daarnaast delen we al onze tips voor een nieuwe keuken met je. Vul het aanvraagformulier in en we sturen het magazine snel naar je toe.

Text & Images - Below text, image right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sic, et quidem diligentius saepiusque ista loquemur inter nos agemusque communiter. Praeclare Laelius, et recte sofñw, illudque vere: O Publi, o gurges, Galloni! es homo miser, inquit. Ne amores quidem sanctos a sapiente alienos esse arbitrantur. Duo Reges: constructio interrete. Hoc non est positum in nostra actione. Apparet statim, quae sint officia, quae actiones. Itaque e contrario moderati aequabilesque habitus, affectiones ususque corporis apti esse ad naturam videntur.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Text & Images - Image above text center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quae qui non vident, nihil umquam magnum ac cognitione dignum amaverunt. Si longus, levis dictata sunt. At iam decimum annum in spelunca iacet. Quod equidem non reprehendo;Polycratem Samium felicem appellabant. Si quidem, inquit, tollerem, sed relinquo. Duo Reges: constructio interrete. Ergo id est convenienter naturae vivere, a natura discedere. Egone non intellego, quid sit don Graece, Latine voluptas? De illis, cum volemus.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Text & Images - Image beside text left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis tibi ergo istud dabit praeter Pyrrhonem, Aristonem eorumve similes, quos tu non probas? At eum nihili facit;Huius, Lyco, oratione locuples, rebus ipsis ielunior. Theophrastus mediocriterne delectat, cum tractat locos ab Aristotele ante tractatos? Duo Reges: constructio interrete. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Quae contraria sunt his, malane? Quo studio Aristophanem putamus aetatem in litteris duxisse? Quippe: habes enim a rhetoribus; Atqui perspicuum est hominem e corpore animoque constare, cum primae sint animi partes, secundae corporis.

 

afbeelding: breedte is variable in te stellen, hoogte schaalt mee ten opzichte van afbeelding

 

breedte wordt meegenomen op desktop, tablet & mobile

 

Ontdek meer met onze gratis magazine

Bestel hier ons gratis keukenmagazine en lees alles over de laatste trends. Laat je inspireren door de mooiste keukens en de nieuwste apparatuur. Daarnaast delen we al onze tips voor een nieuwe keuken met je. Vul het aanvraagformulier in en we sturen het magazine snel naar je toe.

Afbeelding links/rechts

Dit tekstblok staat links naast een afbeelding, het is ook mogelijk de volgorde om te draaien door de tekstpositie rechts te zetten. Op mobiel staat de afbeelding altijd bovenaan, ongeacht de postivtie van de tekst is omgedraaid.

Afbeelding:

  1. Desktop: b312px x h250px
  2. Tablet: b209px x h186px
  3. Mobiel: b692px x h553px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet feugiat risus. Curabitur consequat, enim sed ullamcorper porta, turpis ante pretium ligula, in cursus lorem leo a tellus. Fusce molestie pretium magna in venenatis. In id sapien tempus metus vehicula faucibus sed eget justo. Curabitur eget odio sit amet justo finibus suscipit. Phasellus suscipit quam porttitor eros iaculis, vitae dignissim sem tempor. Ut eu mauris dapibus, maximus lectus ac, varius ligula. Donec porta purus quis lacus dapibus, eget ullamcorper neque condimentum. Curabitur finibus ante nec lobortis posuere.

4. Image elementen


 

 

5. Text & Media elementen


 

 

Text & Media element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quibusnam praeteritis? Duo Reges: constructio interrete. Qualem igitur hominem natura inchoavit? Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Non enim, si omnia non sequebatur, idcirco non erat ortus illinc. An haec ab eo non dicuntur? Sed erat aequius Triarium aliquid de dissensione nostra iudicare. Experiamur igitur, inquit, etsi habet haec Stoicorum ratio difficilius quiddam et obscurius.

 

6. Menu list elementen


 

 

7. Buttons


 

 

8. Rest


 

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est enim effectrix multarum et magnarum voluptatum.Omnia peccata paria dicitis. Duo Reges: constructio interrete. Sed quod proximum fuit non vidit. Et nemo nimium beatus est; Re mihi non aeque satisfacit, et quidem locis pluribus.

 

Quid ergo? Aliter autem vobis placet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Qua ex cognitione facilior facta est investigatio rerum occultissimarum. Miserum hominem! Si dolor summum malum est, dici aliter non potest. Sed residamus, inquit, si placet. Sed quod proximum fuit non vidit. Nescio quo modo praetervolavit oratio. Putabam equidem satis, inquit, me dixisse.

 

Mihi, inquam, qui te id ipsum rogavi? Quae est igitur causa istarum angustiarum? Equidem e Cn. Quid ergo hoc loco intellegit honestum? Quem si tenueris, non modo meum Ciceronem, sed etiam me ipsum abducas licebit. Atqui pugnantibus et contrariis studiis consiliisque semper utens nihil quieti videre, nihil tranquilli potest. In qua quid est boni praeter summam voluptatem, et eam sempiternam? Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Nam si amitti vita beata potest, beata esse non potest.

Wat kost mijn keuken?
Ontwerp je keuken in 3D
×