fr en

Le thème Simplex a été créé pour démontrer les fonctionnalités de HTML5 et CSS3 avec CMS Made simple™.
Il est livré avec un Framework CSS pour créer en toute simplicité "Responsive and Mobile capabale layouts".

Qui y a-t-il d'inclus ?

Avec ce gabarit vous trouverez aussi quatre feuilles de style liées.

  • Simplex : Core
  • Simplex : Layout
  • Simplex : Mobile
  • Simplex : Print

Les principales fonctionnalités de ce gabarit sont incluses dans la feuille de style Core. Il contient un "simple Fluid Grid Framework" basé sur 960 Grid System(external link).
Cette même feuille de style CSS Media Queries(external link) est utilisées pour faire aussi une mise en page flexible, basée sur la largeur de l'écran.

Avec le thème Simplex, il est très simple de changer rapidement l'apparence complète du site. Si vous regardez le code du gabarit, vous trouverez un Id "boxed" dans la balise <body>.
Lorsque cette Id est supprimée, la disposition du site est changée et vous serez face à une mise en page simple avec fond blanc.
Vous pouvez aussi changer rapidement l'alignement du site complet. Si vous changez la classe de "wrapper" avec la balise div leftaligned ou rightaligned, la page entière sera aligné à gauche ou à droite.

Support pour applications mobile

Comme mentionné ci-dessus ce thème est livré avec Framework CSS qui vous donne un point de départ pour développement facile de mise en page intelligente.
Le "monde mobile" est très polyvalent et le Framework est loin d'être parfait, il est seulement un point de départ, mais comme tout développeur, vous devez décider quelle technique vous devriez utiliser pour votre projet actuel.
Un gabarit intelligent n'est qu'un petit pas vers le support du "mobile".

Ce thème nécessite jQuery(external link) qui est inclus avec la balise {cms_jquery}.

Note : la balise {cms_jquery} est inclue en bas du gabarit.Soyez vigilant avec cette balise, quand vous allez utiliser des modules incluant jQuery dans la section <head>.

Dans le fichier functions.js une section est inclus qui permet la navigation dans le site avec certains appareils mobiles. Cette partie du code, couvre uniquement les quelques dispositifs, est un exemple, et donc un point de départ pour les développeurs.

Ceci et cela

Comme un exemple Smarty(external link) de possibilité de gabarit au sein de CMS Made Simple™ un très simple "Slider" a été inclus, pour démontrer la facilité de créer rapidement un diaporama sans un seul module.

{assign var='teaser' value='uploads/simplex/teaser/*.jpg'|glob}
{foreach from=$teaser item='one'}
<div><img src='{root_url}/{$one}' width='852' height='275' alt='' /></div>
{/foreach}

Si vous souhaitez faire ce Slider avec intelligence vous devriez inclure un plugin jQuery supplémentaires comme par exemple SwipeJS(external link)

Dans les feuilles de style incluses, Smarty a été utilisé au mieux. Cela devrait vous donner la possibilité de changer rapidement les couleurs de ce thème en changeant simplement le code HEX dans les balises "assign".


[[assign var='boxed_bg' value="#d1d1d1 url(`$path`/boxed-bg.gif)"]]
[[assign var='light_grey' value='#f1f1f1']]
[[assign var='grey' value='#e9e9e9']]
[[assign var='dark_grey' value='#555']]
[[assign var='white' value='#fff']]
[[assign var='orange' value='#f39c2c']]
[[assign var='dark_orange' value='#e6870e']]
[[assign var='yellow' value='#fdbd34']]

Si vous utilisez un navigateur moderne, vous remarquerez que le thème utilise une partie des techniques CSS3(external link). Il n'y a pas de solution pour Internet Explorer, mais cela peut fonctionner ce navigateur.
Un visiteur utilisant Internet Explorer ne verra pas la page avec toutes les animations et les coins arrondis ...

Note du développeur du thème (uniqu3e) :

Le thème Simplex a été voulu simpliste, ce qui devrait permettre à un développeur de lire facilement le code utilisé dans le thème et de pouvoir créer une nouvelle disposition à partir de l'édition de ce thème.

Un soutien pour Internet Explorer sur mobile n'était intentionnellement pas inclus, étant donné que chaque développeur doit décider dans quelle mesure un ancien navigateur comme Internet Explorer (7,8) pour mobiles, être va utilisé.
Chaque projet est différent et à chaque projet il y a un besoin pour des techniques différentes.

Cette version de démonstration va se renouveler dans 40 minute(s)

[En savoir plus]

Bienvenue sur le site de démonstration de CmsMadeSimple.

Sur cette version de démonstration nous avons installé pour vous la version 1.11.11 de CmsMadeSimple et avons en plus effectué quelques modifications dans sa configuration afin de vous faire découvrir sa puissance une fois customisé. Nous avons également ajouté quelques modules que nous apprécions particulièrement dans la communauté Francophone.

Si vous souhaitez découvrir les autres versions proposées vous pouvez retourner sur la page d'accueil des démonstrations

Vous pouvez librement accéder au panneau d'administration, tester, casser et faire vos tests puisque cette démo se renouvelle toute les heures. Voici les identifiants pour accéder au panneau d'administration :

Nous vous souhaitons une excellente visite et surtout n'hésitez pas à venir nous passer le bonjour sur le forum ;)