Documentation
Pour profiter des différentes apparences graphiques du modèle nous vous recommandons d'activer 5 thèmes graphiques dans la configuration du webo-facto. De plus nous vous conseillons de l'installer avec le contenu de base.
- defaut (colonne centrale + rightbar, effet lightbox non-opérationnel)
- Catalog (colonne centrale + rightbar, effet lightbox opérationnel)
- Leftbar (leftbar + colonne centrale)
- Fullwidth (colonne centrale)
- HomePage (colonne centrale)
Points importants :
- Ne pas modifier ni renommer l'arborescence du dossier "scripts" (/modeles/fr/defaut/scripts)
- Si vous modifier le template mainPage.html dans "/modeles/fr/defaut/structure", il faut prendre en compte que ce modèle comporte différentes structure et donc différent mainPage.html
- N'hésitez pas à consulter le changelog : http://casformation.s13875.m19.atester.fr/documentation/changelog/
Liste des principales class CSS
- uk-hidden-small : rend invisible un élément à partir d'une résolution inférieur ou égale à 767px
- uk-hidden-medium : rend invisible un élément à partir d'une résolution inférieur ou égale 959px
- uk-hidden-large: rend invisible un élément à partir d'une résolution supérieur ou égale 960px
- uk-visible-small : rend visible un élément à partir d'une résolution inférieur ou égale à 767px
- uk-visible-medium : rend visible un élément à partir d'une résolution inférieur ou égale 959px
- uk-visible-large: rend visible un élément à partir d'une résolution supérieur ou égale 960px
- uk-grid : Appliqué au conteneur parent, les enfants pourront se positionner en colonne
- uk-width-1-1 : Appliqué aux éléments enfants, vous choisissez votre segmentation (-1-1 / -1-2 / -1-3 / -3-5 / ... jusqu'à -6-6) Utiliser cette classe pour l'ergonomie mobile
- uk-width-medium-3-4 : Appliqué aux éléments enfants, vous choisissez votre segmentation (-1-1 / -1-2 / -1-3 / -3-5 / ... jusqu'à -6-6) Utiliser cette classe pour l'ergonomie tablette
- uk-width-large-3-4 : Appliqué aux éléments enfants, vous choisissez votre segmentation (-1-1 / -1-2 / -1-3 / -3-5 / ... jusqu'à -6-6) Utiliser cette classe pour l'ergonomie Desktop
- mts : margin top small (1em)
- mbs : margin bottom small (1em)
- prm: padding right medium (2em)
- pll : padding left large (4em)
- txt-right : texte positionné à droite
- txt-left : texte positionné à gauche
- mcenter: applique la règle css "margin: 0 auto !important;"
- uk-panel-box : style de mise en forme d'un widget
- uk-text-center : permet de centrer le contenu du widget
Fonctionnalités
- Grille en 12 colonnes
- Custom Bootstrap 3
- Custom Less (custom de joomla!)
- Modernizr
- Responsive design
- Modals nav navigation
- Fonctions jQuery : tabs, lightbox, menu accordeon
- CookieChoice
- Carte google Map 100% avec Scroll Navigateur actif
Compatibilité navigateurs
- Ce modèle graphique est compatible avec tout les navigateurs courants (à partir d'IE9)
- Placeholder à partir d'IE9
- Formulaire HTML5 à partir d'IE9