Skeletor Logo

Skeletor v 1.0,

La nouvelle géneration de templates

9
8
7
6
Skeletor est un template Responsive web design (RWD) qui allie à la fois : la fluidité, la simplicité d'installation et d'utilisation et la legèreté (environ 10 ko).

Skeletor peut fonctionner sans Jquery, il est compatible avec la plupart des navigateurs. Adaptez skeletor, ajoutez y vos propres plugins jquery ou javascript ...

La grille

Une grille en pas de 10% pour créer vos templates responsives simplement. 10 colonnes de 0 à 100%. Une multitude de possibilités. Un apprentissage simple et rapide.

100%
90%
80%
70%
60%
50%
40%
30%
20%
10%

Mode d'emploi

Voir les exemples ci-dessous pour le détail du code

Exemple d'utilisation

Exemple d'utilisation : 3 colonnes

class line col_1_3 wrap

Colonne 33.3%
Colonne 33.3%
Colonne 33.3%

Exemple d'utilisation : 6 colonnes

class line col_1_6 wrap

Colonne 16.6%
Colonne 16.6%
Colonne 16.6%
Colonne 16.6%
Colonne 16.6%
Colonne 16.6%

Exemple d'utilisation : 4 colonnes

class line col_1_4 wrap

Colonne 25%
Colonne 25%
Colonne 25%
Colonne 25%

Exemple d'utilisation: multicolonnes

Il suffit que le total fasse 10 (exemple : class:col7 + class col3 = 10 ->100%) et d'ajouter une div avec une class fix à la fin de chaque colonne et de chaque ligne.

30%
70%
100%

Compatibilité

Skeletor a été testé sur les navigateur suivant :

. ? ! ,
µ ¤ ; $


et avec les matériels suivant :

Téléchargement

z Télécharger (.zip mo)

Nota : le zip contient : une version de jquery et une version de html5shiv (pour la compatibilité avec les anciens navigateurs IE) ainsi que le fichier resset.css qui sont les créations de leurs auteurs (se renseigner pour les licences auprès des-dits auteurs.

f Licence

Type de license : public domain
License: aucune excepter pour les fichiers jquery, resset.css et html5shiv.js

© inca 2002-2014| Powered by skeletor | Pulsed by ovh