Positionner l'image d'accroche à gauche ou à droite du chapô
Rédigé par jack
1 commentaire
Classé dans : PluXml, Bout de code
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.
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;
}