Pluxopolis

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

---

Rédigé par jack le 04 mai 2016 1 commentairee

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;
}

DClassé dans : PluXml, Bout de code ,Mots clés : Astuce, Css, PluXml, Thème

A propos de l'auteur, jack:

Webmestre de PluXopolis de 2018 à Avril 2023.

1 commentaire

rFil RSS des commentaires de cet article