SPIP-Contrib

SPIP-Contrib

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

273 Plugins, 191 contribs sur SPIP-Zone, 170 visiteurs en ce moment

Accueil du site > Squelettes > Outils pour squelettes > Grille > Plugin Grille

Plugin Grille

22 décembre 2008 – par Karim Belkacem

4 votes

Ce plugin va ajouter une trame « pixellimétré » en fond de page ou de bloc (div) pour le développement des squelettes.

Pour les nostalgiques du montage des maquettes dit aussi « montage traditionnel », ce minuscule plugin va sûrement vous faire refaire un bond de 20 ans en arrière, avant que la PAO et bien avant que le web arrive.

Il y a très longtemps, lorsqu’un maquettiste « montait » une page (print en l’occurrence), il utilisait par principe et comme support du papier millimétré, ce support permet de positionner au millimètre prêt les éléments sur la page.

Pourquoi faire un plugin d’une trame en fond de page ?

Partant du même principe que celui cité plus haut, je me suis dit qu’il serait rigolo et peut-être efficace de positionner une trame « pixellimétré » qui permettra de position les blocs en CSS au pixel prêt. Pourquoi en plugin ? Parce que c’est plus souple, plus productif et plus facilement modifiable.

Mise en place du plugin :

  • Télécharger et dézipper les fichiers joints dans le répertoire des plugins de votre site sur votre serveur.
  • Activer le plugin Grille dans l’interface des plugins.
  • Ce plugin est couplé a CFG afin de paramétrer le nom de la classe CSS qui contiendra la trame et la trame qui sera ajouter à la CSS choisie. Choisir parmi les différents formats de trames en actions, vous pouvez en rajouter.
  • Vous pouvez prévisualiser le résultat après valider votre choix.
  • Rajouter (si elle n’existe pas) la balise d’appel des flux des plugins entre les <head></head> de vos entêtes de page #INSERT_HEAD.
Retour en haut de la page

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

  • Associaspip

    12 septembre 2011 – 67 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Plugin permettant la gestion d’une association incluant les fonctionnalités suivantes : Profil de votre association Gestion des membres (en association optionnelle avec le Plugin Coordonnées et le plugin Champs Extras 2) Gestion des cotisations (...)

  • Albums

    8 novembre 2011 – 26 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet d’afficher une ou plusieurs galeries d’images au fil du texte, dans les articles et ailleurs. Qui rédige un récit de voyage, par exemple, aimerait pouvoir illustrer son article de plusieurs petites séries de photos, une par jour. Or (...)

  • Maparaan (Squelette)

    21 mars 2011 – 150 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un squelette principalement pour les sites de type blog. Présentation : Adaptation pour Zpip du thème Wordpress Maparaan conçu par Padd Solutions. Voir une démo du thème et du squelette Maparaan. Ce squelette a été conçu pour le thème du même nom. Pour (...)

  • MediaBox

    10 mai 2010 – 180 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Aperçu La MediaBox est une Boîte multimédia polyvalente et personnalisable. Le plugin est basé sur la librairie moderne ColorBox, qui a été enrichie et adaptée pour SPIP. Par défaut, mediabox propose 5 habillages. Il est assez facile d’en créer de (...)

  • Formulaire de contact libre

    27 avril 2011 – 34 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Dans SPIP il n’y a pas un formulaire de contact, mais autant de formulaires de contact que d’auteurs. Cette phrase de Romy, dans son article Une page de contact dans mon SPIP, pointe un petit manque de SPIP. La possibilité d’insérer rapidement un (...)