Pluxopolis

Tout savoir pour devenir un pro de PluXml, mais pas seulement...

Positionner l'image d'accroche à gauche ou à droite du chapô

Rédigé par Stéphane 1 commentaire

L'image d'accroche est une nouvelle fonctionnalité de PluXml 5.5 qui permet d'illustrer un article avec une image. L'ajout de l'image se fait facilement grâce aux champs prévus au niveau de l'écran de rédaction d'un article.

Une fois la mise en forme de l'affichage mise en place au niveau du thème, la présentation sera identique pour chaque article. Ce qui facilite la publication pour avoir une présentation homogène à chaque article.

Nous allons voir comment positionner cette image d'accroche à droite ou à gauche du chapô, simplement à partir de quelques lignes de code css à rajouter dans le fichier theme.css de son thème

Le code css donné ci-dessous est à rajouter à la fin du fichier theme.css qui se trouve pour le thème par défaut dans le dossier: themes/defaut/css

Image d'accroche à gauche du chapô


/* image d'accroche à gauche du chapo */
.article img.art_thumbnail {
    display: inline-block;
    float: left;
    padding: 5px 10px 10px 0;
}

Image d'accroche à droite du chapô


/* image d'accroche à droite du chapo */
.article img.art_thumbnail {
    display: inline-block;
    float: right;
    padding: 5px 0 10px 10px;
}

1 commentaire

#1  - joreveur a dit :

merci de ce tuto ça me me servir

Répondre

Fil RSS des commentaires de cet article

Écrire un commentaire

Quelle est la troisième lettre du mot bigprq ?
Top