SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 82 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
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;*/ }

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

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • ScolaSPIP 3

    21 mai 2012 – 448 commentaires

    Un plugin-squelette personnalisable pour sites Web d’établissements scolaires

  • Formulaire d’upload en html5

    27 avril 2015 – 93 commentaires

    Un formulaire d’upload en html5 pour l’interface admin de SPIP. Ce plugin ajoute un système d’upload moderne à SPIP. Il peut être utilisé pour l’upload de masse. Ce système est basé sur dropzonejs. Utilisation Espace privé de SPIP Dans l’espace (...)

  • Passer un site SPIP sous https://

    23 février 2017 – 42 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)