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.

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

ems-framework.css Version 1.0

ems-framework.min.js Version 1.0

Modèle HTML de base

<!DOCTYPE html>
<html>
    <head>
        <title>EMS Framework template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Font awesome icons (optionnel) -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
        <!-- EMS Framework -->
        <link href="css/ems-framework.min.css" rel="stylesheet">
    </head>
    <body>
        ...
        <!-- JQuery (requis) -->
        <script src="http://code.jquery.com/jquery.js"></script>
        <!-- JQuery Mobile (optionnel) -->
        <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
        <!-- EMS Framework -->
        <script src="js/ems-framework.min.js"></script>
    </body>
</html>

Personnalisation

Thème

Couleurs

$body_bg_color

Couleur de fond de page

$font_family Police par défaut

$headings_font_color

Couleur des titres

$link_color

Couleur des liens

$link_hover_decoration Décoration des liens survolés

$font_color

Couleur du texte

$font_size

Corps du texte

$headings_font_family Police des titres

$link_decoration Décoration des liens

$font_muted

Couleur du texte secondaire

$line_height_base Interlignage par défaut

$headings_font_weight Graisse des titres

$link_hover_color

Couleur des liens survolés

Formulaires

$input_bg_color

Arrière plan des éléments de formulaire

$input_color

Couleur du texte des éléments de formulaire

$input_padding_h

Padding horizontal des éléments de formulaire

$input_border_color

Couleur de la bordure des éléments de formulaire

$input_placeholder_color

Couleur du texte indicatif des éléments de formulaire

$input_border_width

Épaisseur de la bordure des éléments de formulaire

$input_padding_v

Padding vertical des éléments de formulaire

Composants

$component_bg_color

Arrière-plan des composants

$component_padding_h

Padding horizontal des composants

$component_border_color

Couleur de la bordure des composants

$component_padding_v

Padding vertical des composants

Alertes

$alert_font_color

Couleur du texte des alertes

$success_color

Couleur du texte de confirmation / Arrière-plan d'une alerte de confirmation

$error_color

Couleur du texte d'erreur / Arrière-plan d'une alerte d'erreur

$warning_color

Couleur du texte de prévention / Arrière-plan d'une alerte de prévention

$primary_color

Couleur du texte primaire / Arrière-plan d'une alerte primaire

$info_color

Couleur du texte d'information / Arrière-plan d'une alerte d'information