[RÉGLÉ] Différents articles sur le même item

[amarchand83]

Bonjour,

après avoir résolu le pb de background différents sur des pages ayant le même itemid (par un script dans l'article)
je me trouve confronté au même soucis sur des articles qui ont le même itemid

je voudrai adresser l'article et non la page (itemid), j'ai essayé pas mal d'écriture sans trouver
en fait je voudrai pour un article l'équivalant pour une page à :

.itemid-xxx #article {width: 32%; margin-left: 50px; margin-bottom: 30px; padding: 20px; }

[lomart]

Re : Différents articles sur le même item

Bonsoir,

Le script que je t'ai donné fait cela !

L'itemid n'a plus aucune importance, c'est le nom de la classe mis dans la balise body par mon script qui définit le sélecteur pour la règle CSS

[amarchand83]

Re : Différents articles sur le même item

Je comprends bien le principe, mais la syntaxe est difficile à trouver...

ce qui se rapproche le plus est :

.bg3-article
{ background-image: url(/images/fondpage.jpg) !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; }

cependant le 100% de largeur ne s'applique pas à la largeur de l'écran mais à la largeur définie pour l'itemid (celui qui affecte plusieurs articles dont celui pour lequel je veux des caractéristiques différentes)

[lomart]

Re : Différents articles sur le même item

Bonjour,

Il faut dissocier les règles. Tu as celles qui s'appliquent tout le temps (la base) et celle pour un cas particulier

En suivant ce principe, on aurait:

pour le body, puisque c'est toujours lui qui affichera l'image

body {
   background: #eee url(image-par-defaut.jpg) no-repeat;
   background-size: cover;  
}

Dans ton article, si le script ajoute la classe bg3 à body, il faut la règle
qui va remplacer l'image par défaut définie dans la règle body

.bg3 { 
   background-image: url(/images/fond-bg3.jpg) 
}

A la place du sélecteur .bg3, j'aurais pu mettre body.bg3 puisque l'on parle bien de la classe bg3 attribuée à la balise body.
Inutile d'ajouter d'autres règles car on hérite de body. CSS = Cascading Style Sheet (feuille de style en cascade)

[amarchand83]

Re : Différents articles sur le même item

Oui c'est très clair pour le body et donc l'image de fond, cela marche très bien

par contre cela ne résout pas mon pb d'affecter par exemple des largeurs différentes à des articles ayant le même itemid
Bizarre d'ailleurs que vu le nombre d'utilisateurs cela ne soit pas dans Joomla, on devrait pouvoir adresser l'article à la place de l'itemid de la page

[lomart]

Re : Différents articles sur le même item

par contre cela ne résout pas mon pb d'affecter par exemple des largeurs différentes à des articles ayant le même itemid

Je n'avais pas tilté sur ce point. Dans ce cas, il faut aussi faire une règle qui cible ton article

.bg3 .bloc-article {width: 80%}

Nom du sélecteur du bloc article totalement imaginé. Donc à remplacer par le bon.

Comme cela l'article qui se trouve dans la page body.bg3 aura une largeur de 80%

[amarchand83]

Re : Différents articles sur le même item

j'ai fait
.bgx #article et .bgx #content et tout est ok

bon we