Insertion d'une image de fond

Il s'agit d'ajouter une feuille de style personnalisée  (CSS) qui va surcharger les CSS de plone.

1 - Allez dans Configuration du site, ZMI, portal_skins, plone_styles et customisez ploneCustom.css

2 - Votre ploneCustom.css sera copié dans portal_skins/custom

3 - Editez la feuillle de style (il s'agit d'un simple fichier .txt)

• pour insérer une image de fond globale, insérez dans la css ces lignes de code

body {
margin: 0;
padding: 0;
background-color: transparent;
background-image: url(fond.jpg);
}

ou fond.jpg est l'identifiant de votre image de fond, que vous aurez téléchargé dans le dossier portal_skins/custom

• pour insérer une image dans la colonne de gauche, insérez dans la css ces lignes de code

#portal-column-one {
    vertical-align: top;
    width: <dtml-var columnOneWidth missing="16em">;
    background-image: url(right.jpg);
    background-repeat: repeat-y;
    margin: 0;
    padding: 0;
}

ou right.jpg est l'identifiant de votre image de fond, que vous aurez téléchargé dans le dossier portal_skins/custom,
repeat-y répète l'image horizontalement

• pour insérer une image dans l'entête, insérez dans la css ces lignes de code

#portal-top {
    vertical-align: top;
    width: <dtml-var columnOneWidth missing="16em">;
    background-image: url(top.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
}

ou top.jpg est l'identifiant de votre image de fond, que vous aurez téléchargé dans le dossier portal_skins/custom
repeat-x répète l'image horizontalement