Impossible de positionnner au bon endroit mes effets de style CSS

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

  • Impossible de positionnner au bon endroit mes effets de style CSS

    Bonjour,

    Je galère avec mes effets de style CSS3 en HTML5.
    Mon site est avec Joomla 3.4.1 et la template ja_purity_ii.
    Tous ceux que j’essaye de mettre en place ce place automatiquement dans la position « debug » tout au plus bas et à gauche de la page.
    Je place mes codes CSS dans le bon répertoire, et je place le code HTML au bon endroit aussi puisque je vois bien les effets voulus, mis à part les réglages que je n’ai pas encore fait.
    Ces effets sont prévus pour faire sur une image qui pivote ou une écriture qui bouge au passage de la souris.
    Par contre comment doit-on faire pour placer ces effets à l’endroit que l’on veut, par exemple à l’intérieur d’une page, ou d’un module, sur une image, dans une cellule, … ?
    J’ai essayé avec l’éditeur JCE d’appliquer à un endroit précis un style CSS, mais en le faisant ou pas je n’ai aucun changement, l’effet reste toujours positionné sur la partie « debug »

  • #2
    Re : Impossible de positionnner au bon endroit mes effets de style CSS

    Bonjour, on pourrait avoir une url ?
    www.com3elles.com - Agence de communication Toulouse
    https://www.com3elles.com/guide-d-ad...on-joomla.html Les bases de l'administration Joomla 3.x - Formations Joomla

    Commentaire


    • #3
      Re : Impossible de positionnner au bon endroit mes effets de style CSS

      oui, la voici : http://spa.villa-empuriabrava.com/

      Commentaire


      • #4
        Re : Impossible de positionnner au bon endroit mes effets de style CSS

        Dans les templates il y a des positions prédéterminées
        http://tutoriels-joomla.joomlack.fr/...-template.html

        Ensuite pour les modules on assigne une de ces positions

        Pour les articles cela dépend du template
        Un peu de lecture ...
        http://forum.joomla.fr/showthread.ph...n-d-un-article
        et
        http://extensions.joomla.org/extensi...laced-anywhere

        En espérant que ma bafouille serve
        Solidaire avec les dinosaures

        Commentaire


        • #5
          Re : Impossible de positionnner au bon endroit mes effets de style CSS

          Bonjour,

          J'ai bien lu et essayé de comprendre.
          Je dois donc insérer <jdoc:include dans mon code HTML
          J'ai visualisé la page de ma template, la position de là où je veux insérer cet effet est noté :"Position: ck [ Style: xhtml outline]"
          Je fait donc une ligne : <jdoc:include type="modules" name="ck" style="xhtml" /> Que j'insère entre les <body>
          et la ligne : <jdoc:include type="head" /> que j'insère entre les <head>
          Mais rien ne change.
          Est ce que j'ai oublié quelquechose?

          Commentaire


          • #6
            Re : Impossible de positionnner au bon endroit mes effets de style CSS

            Un oubli sans doute =>"... ajouter cette nouvelle position dans le fichier templateDetails.xml ...")

            Voir un exemple de procédure ici http://documentation.informaticien51...-template-beez
            Solidaire avec les dinosaures

            Commentaire


            • #7
              Re : Impossible de positionnner au bon endroit mes effets de style CSS

              J'ai tout placé dans mon fichier xlm:

              <positions>
              <div <jdoc:include type="head" />
              <div <jdoc:include type="modules" name="ck" style="xhtml" />
              <div <jdoc:include type="modules" name="absolute" style="xhtml" />
              <div <jdoc:include type="modules" name="banner" style="xhtml" />
              <div <jdoc:include type="modules" name="breadcrumbs" style="xhtml" />
              <div <jdoc:include type="modules" name="debug" style="xhtml" />
              <div <jdoc:include type="modules" name="right" style="xhtml" />
              <div <jdoc:include type="modules" name="left" style="xhtml" />
              <div <jdoc:include type="modules" name="footer" style="xhtml" />
              <div <jdoc:include type="modules" name="hornav" style="xhtml" />
              <div <jdoc:include type="modules" name="search" style="xhtml" />
              <div <jdoc:include type="modules" name="syndicate" style="xhtml" />
              <div <jdoc:include type="modules" name="top" style="xhtml" />
              <div <jdoc:include type="modules" name="user1" style="xhtml" />
              <div <jdoc:include type="modules" name="user2" style="xhtml" />
              <div <jdoc:include type="modules" name="user3" style="xhtml" />
              <div <jdoc:include type="modules" name="user4" style="xhtml" />
              <div <jdoc:include type="modules" name="user5" style="xhtml" />
              <div <jdoc:include type="modules" name="user6" style="xhtml" />
              <div <jdoc:include type="modules" name="user7" style="xhtml" />
              <div <jdoc:include type="modules" name="user8" style="xhtml" />
              <div <jdoc:include type="modules" name="user9" style="xhtml" />
              <div <jdoc:include type="modules" name="user10" style="xhtml" />
              <div <jdoc:include type="modules" name="user11" style="xhtml" />
              <div <jdoc:include type="component" /> </div>
              </positions>

              **** et j'ai mis ceci dans mon fichier index.php en HTML : (extrait)

              </style>

              <div class="grid">
              <figure class="effect-marley">
              <img src="images/SpasC.jpg" alt="SpasC"/>
              <figcaption>
              <h2>Medical Wellness<br /> Center <span>KUMA</span></h2>
              <p>Spas et Hammam de qualite.</p>
              <a href="#">View more</a>
              </figcaption>
              </figure>

              </div>
              <div
              <jdoc:include type="head" />
              </div>
              </head>
              <body>
              <div
              <jdoc:include type="modules" name="ck" style="xhtml" />
              <div
              <jdoc:include type="component" />
              </div>


              Rien n'y fait encore. Où aurai-je pu faire une erreur?

              Commentaire


              • #8
                Re : Impossible de positionnner au bon endroit mes effets de style CSS

                Si tu as écrit tel quel dans ton fichier XML c'est normal que ça ne fonctionne pas. Je t'invite à ouvrir le fichier XML d'un autre template pour voir la syntaxe. Ce que tu as écrit est plus proche de la syntaxe du fichier index.PHP mais là aussi peu de chances que ça marche tel quel : <div> <jdoc: ... ></div> irait mieux par exemple. Regarde aussi l'index.PHP d'un autre template
                www.com3elles.com - Agence de communication Toulouse
                https://www.com3elles.com/guide-d-ad...on-joomla.html Les bases de l'administration Joomla 3.x - Formations Joomla

                Commentaire


                • #9
                  Re : Impossible de positionnner au bon endroit mes effets de style CSS

                  Merci pour votre réponse.
                  j'ai mis comme vous m'avez dit, et ca présente mieux: <div> <jdoc: ... >< />

                  Par contre, comme je ne m'en sort pas, j'ai essayé une autre méthode qui à l'air de marcher à peu près. Les codes que l'on doit mettre en HTML dans le .php, je les ai mis plutôt dans un module avec l'éditeur JCE et j'ai mis une position en {Loadposition x}. Et là au moins, ca s'affiche ou je veux. Le soucis est que si je veux ré-enregistrer une seconde fois mon module, tout disparait. C'est une solution je penses pas très bonne mais qui m'affiche les effets.
                  Quand pensez vous? Est ce une bonne méthode?

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X