SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

289 Plugins, 197 contribs sur SPIP-Zone, 96 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > ez-css > ez-css : le framework css facile et efficace

ez-css : le framework css facile et efficace

28 septembre 2012 – par gilles – commentaires

4 votes

Ce plugin permet d’utiliser le css framework (prononcer « easy css »).

Ce framework apporte deux avantages clefs pour tout webmaster :

-  Il est facile à comprendre et à utiliser : il faut moins de 5 mn pour le maîtriser.
-  il permet d’afficher à l’identique une page html/css quelque soit le navigateur (firefox, IE, chrome...). Fini les mots de tête et les mauvaises surprises.

Contrairement aux autres framework (blueprint, bluetrip, 960...), ez-css n’utilise pas de grille. Il est dont plus souple, plus modulable et impose moins de contraintes.

Pour utiliser ez-css, il faut (installer le plugin) puis aller sur le site ez-css.org et copier-coller les layouts selon la maquette de votre page. Voir ici.

Ce système permet de construire des maquettes complexes de plusieurs colonnes enchevêtrées ou des pages toutes simples.

Le mode d’emploi est proposé en video, en en pdf téléchargeable.

-  Pré-requis d’utilisation : maîtrise des CSS.
-  Code original de Thierry Koblentz ez-css Copyright 2009 - 2010 « licensed under BSD and MIT ».
-  Mis en spip par Gilles Klein 63com.com

Mode d’emploi

Installer le plugin selon la procédure habituelle.

Se rendre sur le site ez-css.

Copier coller dans son squelette entre les balise <body> et </body>, le premier module « plain text ».

Changer la div « ez-wr » par « ez-mw » puisque c’est le module racine. puis copier coller les modules en ligne et en colonne. Voir la vidéo pour les détails.

Les surcharges d’ez-css sont à faire dans le fichier perso.css pour garder le plugin intact et faciliter les mises à jour éventuelles.

Le plugin pour SPIP :

Version 1.0.3

Voir en ligne : http://plugins.spip.net/ezcss

Dernière modification de cette page le 22 octobre 2017

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • ORR v2

    21 mai 2013 – 108 commentaires

    ORR, le plugin d’Organisation des Réservations et des Ressources passe en version 2, avec quelques nouveautés attendues. Je ne reprendrai pas les explications données dans la version 1. Les nouveautés : 1. Gestion des autorisations Le principe (...)

  • Mailshot

    16 janvier 2013 – 309 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)

  • Visualiser un PDF dans un article

    13 juin – commentaires

    SoyezCréateurs utilise un modèle pour afficher un PDF dans le corps d’un article Un peu d’histoire Avant, les navigateurs n’incluaient pas de lecteur PDF nativement ce qui avait conduit à la création du plugin Lecteur pdf javascript pdf.js. Mais, (...)

  • ScolaSPIP 4

    19 janvier 2016 – 346 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Spipagram : Importer des images Instagram dans SPIP

    29 février 2016 – 10 commentaires

    Ce plugin permet d’importer des images Instagram comme articles SPIP dans la rubrique de votre choix avec le hashtag de votre choix. Installation Si vous n’avez pas déjà le dépôt externals dans votre SPIP, ajoutez le dépôt (...)