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

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    Bonjour,

    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"

    Comment peut-on différencier plus finement les pages pour leur attribuer des images de fonds différentes.

    Mes affectations sont sous la forme par exemple :
    .com_content.itemid-223
    { background-image: url(/images/fondpage.jpg); }

  • #2
    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
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      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 ?

      Commentaire


      • #4
        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.......
        Dernière édition par lefabdu51 à 16/08/2017, 22h46

        Commentaire


        • #5
          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
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            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]
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              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 ?

              Commentaire


              • #8
                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
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  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...
                  Dernière édition par amarchand83 à 17/08/2017, 09h26

                  Commentaire


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

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

                    Commentaire


                    • #11
                      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>
                      UP, le plugin universel à découvrir sur https//up.lomart.fr
                      bgMax
                      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                      Commentaire


                      • #12
                        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...

                        Commentaire


                        • #13
                          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
                          UP, le plugin universel à découvrir sur https//up.lomart.fr
                          bgMax
                          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                          Commentaire


                          • #14
                            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...

                            Commentaire


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

                              Avec cdata, le script n'est pas visible en dehors du mode code
                              UP, le plugin universel à découvrir sur https//up.lomart.fr
                              bgMax
                              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X