SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 302 visiteurs en ce moment

Accueil > Squelettes > Squelettes éditoriaux > EGT > Bordures ombrées

Bordures ombrées

5 février 2010 – par damazone

7 votes

Cet article décrit la méthode à suivre pour modifier les bordures ombrées.

Le squelette egt utilise des images de fond pour afficher les bordures ombrées :
-  haut.png
-  milieu.png
-  bas.png

Pour mettre ces bordures en accord avec le fond que l’on aura choisi, les fichiers graphiques (avec calques) ci-joints vous permettront de faire ce changement facilement.

Fichiers sources pour adapter les bordures ombrées
Pour GimpPour Photoshop
GIMP multi-layer - 15 ko
haut.xcf
Photoshop - 120.6 ko
haut.psd
GIMP multi-layer - 11 ko
milieu.xcf
Photoshop - 119 ko
milieu.psd
GIMP multi-layer - 14.8 ko
bas.xcf
Photoshop - 98.7 ko
bas.psd
GIMP multi-layer - 37.3 ko
Cadre complet.xcf
Photoshop - 346 ko
cadre complet.psd

Pour changer la couleur de fond, il suffira d’ouvrir ces fichiers, avec The Gimp (logiciel libre) par exemple, et de modifier la couleur du calque ’arrière plan’.

Puis, il faut faire un export des images au format png dans le dossier images du plugin egt.

Dans la feuille de style css/habillage.css,

/*  bordures ombragées du cadre principal */
#ombretop { width: 1030px; background-image: url(../images/haut.png);  background-repeat:no-repeat; background-position:0px 0px;  padding: 27px 0px 7px 0px; margin: -10px 0px 0px -40px; /*background: #FFF;*/ }
#page { background-image:  url(../images/milieu.png); background-repeat:repeat-y; }
#ombrepied { width: 1030px; background-image: url(../images/bas.png);  background-repeat:no-repeat;  padding: 25px 0px 7px 0px; margin: 0px 0px -20px -40px; /*background: #FFF;*/ }

Dernière modification de cette page le 5 février 2010

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

  • Indexer : La boucle SPHINX

    29 juin 2015 – 14 commentaires

    Avant de commencer Pour comprendre l’intérêt du plugin, nous invitions à lire l’article suivant Indexer : Introduction. La configuration et l’installation du plugin sont expliquées dans l’article suivant : Indexer : Installation et Configuration (...)

  • Métas +

    3 décembre 2016 – 20 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Plugin jQuery Vector Maps

    24 septembre 2015 – commentaires

    Ce plugin permet d’avoir des rendus vectoriels (SVG) par l’intermédiaire de la librairie « jQuery Vector Maps » (JQVMAP). L’image SVG affichée est responsive. Préambule Le mode de fonctionnement de la librairie JQVMAP est à consulter sur le site dédié (...)

  • Japibas, squelette responsive

    11 octobre 2013 – 85 commentaires

    Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine. Le graphisme est inspiré du template Wordpress Japibas réalisé par Jesper Johansen et distribué sous (...)

  • Wordpress 2 SPIP

    26 mars 2012 – 25 commentaires

    Que fait Wordpress 2 SPIP Il importe un site Wordpress 3.3.1 dans un site SPIP 2.1.12 vierge. Les deux sites doivent être sur la même base de données et les tables Wordpress doivent commencer par wp_ (cas d’une installation Wordpress par défaut). (...)