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
Notation : 
Nombre de votes : 0
↑