Différents background-image sur le même itemid

**lomart** · 16/08/2017, 20h36

Re : Différents background-image sur le même itemid

j'ai des articles accessibles uniquement par des liens dans d'autres articles, appelés et appelants ont donc le même itemid au niveau de "body"

Je ne comprends pas. La page appelée aura son itemid une fois affichée. tous les articles ont un itemid différents ... heureusement sinon ce serait un beau bazar

**amarchand83** · 16/08/2017, 22h23

Re : Différents background-image sur le même itemid

un exemple :

dans le pied de page "newsletter" correspond à l'article 24 et "presse" à l'article 23 cependant ils ont tous les 2 :

<body class="com_content view-article no-layout no-task itemid-194 ltr">

comment adresser un background différent alors que je fais :

.com_content.itemid-194
{ background-image: url(/images/fondpage2.jpg); }

que n'ai-je pas compris ?

Error 404 - Not found

http://s676245095.onlinehome.fr/

**lefabdu51** · 16/08/2017, 22h44

Re : Différents background-image sur le même itemid

tu crées un menu nommé menu caché pour chaque langue (si l'itemid doit etre dependant de la langue)
tu crées un lien de menu vers chaque article dont tu doit avoir l'itemid.
Dans les paramètres du lien de menu
tu choisit afficher dans le menu : non
comme ca chaque article a un itemid spécifique.
Dans joomla 4 , cela sera plus simple car l'affichage des article ne sera plus dépendant de l'itemid.

publies un module de menu lié a ce menu dans une position de module qui n'existe pas dans ton template.
Comme cela, le code php correspondant aux liens de menu sera éxécuté, ce qui te permettras de changer la balise title (ou dans ton cas, d'en associer une a ton article) entre autre paramètre importants.......

**lomart** · 17/08/2017, 05h59

Re : Différents background-image sur le même itemid

+1 avec lefab, je n'avais pas saisi que les liens étaient bruts

Il existe aussi une autre solution plus facile ou plus compliquée, selon les cas

En mode code, ajouter au début de l'article :

Code:

<script>
jQuery(function($) {
  $('body').css('background-image','url("http://monsite.fr/images/image.jpg)');
});

On peut aussi, utiliser la feuille de style qui contient une règle par fond

Code:

<script>
jQuery(function($) {
  $('body').addClass('fond-presse');
});

et le css dans custom.css (ou équivalent)
.fond-presse {background-image:images/presse.jpg}

Les autres propriétés étant définies pas la règle body

Il faudra toutefois utiliser l'autre méthode pour les extensions autre qu'un article

**lomart** · 17/08/2017, 06h19

Re : Différents background-image sur le même itemid

Attention, il manque le guillemet fermant et la cloture du script. Le bon code (je l'espère) est donc:

Code:

<script>
jQuery(function($) {
  $('body').css('background-image','url("http://monsite.fr/images/image.jpg[COLOR="#FF0000"]"[/COLOR])');
});
[COLOR="#FF0000"]</script>[/COLOR]

**amarchand83** · 17/08/2017, 08h17

Re : Différents background-image sur le même itemid

le background-image dépend uniquement de l'article (et pas de la langue) et de toutes façons il y a un article différent par langue, du coup la solution script est peut-être plus adaptée ?
Par contre c'est nouveau pour moi, le script "au début de l'article " ? dans le HTML ?

"dans la feuille de style" me semble plus généralisée, dans le "wrapper" ou le "content" de template creator ?

**lomart** · 17/08/2017, 08h21

Re : Différents background-image sur le même itemid

Par contre c'est nouveau pour moi, le script "au début de l'article " ? dans le HTML ?

Oui en mode code. Attention à ce que ton éditeur ne le supprime pas. Dans ce cas, il faut aller dans ses options

"dans la feuille de style" me semble plus généralisée, dans le "wrapper" ou le "content" de template creator ?

Celle qui est toujours lue. Il faut tester

La solution feuille de style est plus adaptée si on utilise la même image pour plusieurs cas

**amarchand83** · 17/08/2017, 08h57

Re : Différents background-image sur le même itemid

J'essaye la première solution script (celle dans l'article) car dans la seconde j'ai vu dans la doc qu'il faut créer un fichier spécifique que template creator prendra automatiquement ensuite, je ferai cela dans un second temps
Par contre mon éditeur me supprime effectivement le code du script

mon éditeur (le seul) : TinyMCE

J'ai pensé à aller voir dans les plugin, il y a bien TinyMCE avec quelque part "éléments prohibés" : script,applet,iframe...

j'espère ne pas tout casser en retirant script...

**amarchand83** · 17/08/2017, 09h30

Re : Différents background-image sur le même itemid

Malgré cela le script est effacé.. je continue de chercher...

**lomart** · 17/08/2017, 10h07

Re : Différents background-image sur le même itemid

En effet, je n'ai pas trop compris les réglages pour TinyMCE

Tu peux aussi utiliser ce code

Code:

<script>// <![CDATA[
jQuery(function($) {
  $('body').addClass('fond-presse');
});
// ]]></script>

**amarchand83** · 17/08/2017, 11h50

Re : Différents background-image sur le même itemid

impossible de décider TinyMCE à prendre le script dans l'article Joomla, je vais essayer ta dernière solution,

ok j'ai vu où mettre le script (fichier spécifique à créer pris en compte par template creator)
ok pour la déclaration dans custom.css de par ex : .fond-presse

mais j'ai le même pb pour appeler la classe : class="fond-presse" où ?
- dans la div de l'article ça couvrir uniquement le background du content de l'article et pas la page entière
- en css avec l'item de la page, j'ai le même pb que le pb de départ, l'item couvre plusieurs pages...

**lomart** · 17/08/2017, 13h32

Re : Différents background-image sur le même itemid

Ma configuration de tinyMCE :
Utiliser les filtres de texte de Joomla sur activé
Dans le menu Système > Configuration > Onglet filtre de texte
SuperUser = aucun filtre

Le script est à mettre dans l'article
Son rôle est d'ajouter la classe indiquée (fond-presse) à la balise body.
Laquelle balise body va donc appliquer cette règle qui affiche l'image presse pour le bloc qui possède cette classe (en l'occurence body). On pourrait le préciser, mais c'est inutile, car il n'y a pas d'ambiguïté.
body.fond-presse {background-image:images/presse.jpg}

Le problème "j'ai le même pb que le pb de départ, l'item couvre plusieurs pages... " n'existe plus

**amarchand83** · 17/08/2017, 14h00

Re : Différents background-image sur le même itemid

Compris pour le principe du script.

J'ai réglé les filtres de texte de Joomla sur activé (j'avais "désactivé") et j'ai déjà SuperUser "aucun filtre"

Le script est toujours effacé à l'enregistrement de mon article...
je vais essayé d'autres combinaisons...

**lomart** · 17/08/2017, 14h10

Re : Différents background-image sur le même itemid

Avec cdata, le script n'est pas visible en dehors du mode code

Différents background-image sur le même itemid

[RÉGLÉ] Différents background-image sur le même itemid

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association