Bordures ombrées

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
haut.xcf
haut.psd
milieu.xcf
milieu.psd
bas.xcf
bas.psd
Cadre complet.xcf
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;*/ }

updated on 9 February 2019

Discussion

Aucune discussion

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom