Framework CSS, HTML5, JS

EMS framework est un framework front-end, imaginé pour créer des sites avec e-monsite. Il est désormais ouvert à tous.

Modèle HTML de base

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>EMS Framework template</title>
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <!-- Font awesome icons (optionnel) -->
  8.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
  9.     <!-- EMS Framework -->
  10.     <link href="css/ems-framework.min.css" rel="stylesheet">
  11.   </head>
  12.   <body>
  13.     <h1>Hello, world!</h1>
  14.     ...
  15.     <!-- JQuery (requis) -->
  16.     <script src="http://code.jquery.com/jquery.js"></script>
  17.     <!-- JQuery Mobile (optionnel) -->
  18.     <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  19.     <!-- EMS Framework -->
  20.     <script src="js/ems-framework.min.js"></script>
  21.   </body>
  22. </html>

Personnalisation

Personnalisez les couleurs, tailles et polices puis téléchargez votre feuille de style personnalisée.

Après téléchargement, vous disposerez du fichier ems-framework.css.

Couleurs

Couleur de fond de page
Police par défaut
Couleur des titres
Couleur des liens
Décoration des liens survolés
Couleur du texte
px
Corps du texte
Police des titres
Décoration des liens
Couleur du texte secondaire
Interlignage par défaut
Graisse des titres
Couleur des liens survolés

Formulaires

Arrière plan des éléments de formulaire
Couleur du texte des éléments de formulaire
px
Padding horizontal des éléments de formulaire
Couleur de la bordure des éléments de formulaire
Couleur du texte indicatif des éléments de formulaire
px
Épaisseur de la bordure des éléments de formulaire
px
Padding vertical des éléments de formulaire

Composants

Arrière-plan des composants
px
Padding horizontal des composants
Couleur de la bordure des composants
px
Padding vertical des composants

Alertes

Couleur du texte des alertes
Couleur du texte de confirmation / Arrière-plan d'une alerte de confirmation
Couleur du texte d'erreur / Arrière-plan d'une alerte d'erreur
Couleur du texte de prévention / Arrière-plan d'une alerte de prévention
Couleur du texte primaire / Arrière-plan d'une alerte primaire
Couleur du texte d'information / Arrière-plan d'une alerte d'information

Téléchargez votre CSS personnalisée