SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 255 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 ?
  • [Se connecter]

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

  • Photoswipe

    18 septembre 2016 – 17 commentaires

    Une lightbox javascript responsive. PhotoSwipe est une boîte multimédia — comme la Mediabox installée en série avec SPIP — qui permet de zoomer à la taille réelle des images et qui gère intelligemment les légendes. Le plugin est basé sur la librairie (...)

  • Spip2Spip

    21 février 2008 – 157 commentaires

    Spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Les articles d’un SPIP sont récopiés d’un site à l’autre en conservant leur formatage (...)

  • Tutoriel : créer une carte interactive avec GIS4

    19 octobre 2013 – 27 commentaires

    Utilisation de quelques fonctions javascript pour créer des interactions avec une carte GIS. L’objet de ce tutoriel est de produire une carte interactive. Effacer tous les points d’une carte La fonction javascript removeAllMarkers() (...)

  • Lecteur pdf javascript pdf.js

    20 février 2012 – 146 commentaires

    Ce plugin est basé sur le projet pdf.js qui permet une lecture en ligne des pdfs depuis le navigateur. Ce plugin est expérimental et les contributions sur la zone sont les bienvenues. Avantages Open source Ne requiert pas flash et (...)

  • Plugin Bank

    12 juin 2015 – 57 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)