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

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


Rédigé par jack le 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

joreveur a dit : #1

merci de ce tuto ça me me servir

rFil RSS des commentaires de cet article

Les commentaires sont fermés.

Top