Ajout position FIXE pour bouton radio

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

  • Ajout position FIXE pour bouton radio

    Bonjour,
    Le probleme est dans le titre, je souhaite mettre un bouton fixe comme sur http://www.bfmtv.com/ pour avoir un acces direct sur toutes les pages.

    J'ai ajouté ma position dans le templateDetails.xml,
    J'ai appelé ma position dans mon module (contenu personnalisé) :
    <div id="IconSocialFixe">
    <jdoc:include type="modules" name="IconSocialFixe">toto1</jdoc:include>
    </div>


    et mon layout.css
    #IconSocialFixe {
    position:fixed;
    top:200px;
    right : 0;
    z-index:3;
    display: block;
    }


    Des idées ?
    Vu que c'est un position "en dehors physiquement" du template il y a peut-être autre chose à modifier ?

    Merci d'avance pour votre aide si précieuse !

  • #2
    Re : Ajout position FIXE pour bouton radio

    Salut,

    En effet pour être positionnée par rapport au bord de l'écran, ta position ne doit pas être à l'intérieur du corps de ton site (#wrapper par exemple).

    Il y a des nuances en fonction de la façon dont ton template est codé, alors pour être sûr tu peux placer ta position tout en bas de ton site, après le dernier </div>. De cette façon ton module sera placé relativement à <body>, qui lui englobe toute la partie visible du site. Assure-toi également que tu as quelque chose comme

    body {position:relative;}
    dans ta css.

    A+

    Commentaire


    • #3
      Re : Ajout position FIXE pour bouton radio

      salut
      donnes déjà ton url, car à te lire je ne sais meme pas ce qui ne fonctionne pas
      ensuite,
      <jdoc:include type="modules" name="IconSocialFixe">toto1</jdoc:include>
      c'est quoi ? une nouvelle fonction de l'API Joomla ? je ne connais pas cette formule, en plus tu dis le mettre dans un module ?
      Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
      http://www.template-creator.com Outil de création de templates
      Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

      Commentaire


      • #4
        Re : Ajout position FIXE pour bouton radio

        Bonjour !

        @ ced1870
        <div><jdoc:include type="modules" name="IconSocialFixe">toto1</jdoc:include> </div>
        Ceci est le code que je met dans ma div de contenu personnalisé pour insérer mon bouton et où j'appelle la une nouvelle position
        c'est un site test : http://raje-test.stereva.fr/

        @ KURSUS
        tu dis "tu peux placer ta position tout en bas de ton site, après le dernier </div>"
        Je fais ca ou ? Dans quel fichier ?
        Dans du CSS, php ?

        Commentaire


        • #5
          Re : Ajout position FIXE pour bouton radio

          et ton module il s'affiche ou pas ?
          Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
          http://www.template-creator.com Outil de création de templates
          Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

          Commentaire


          • #6
            Re : Ajout position FIXE pour bouton radio

            Ceci est le code que je met dans ma div de contenu personnalisé pour insérer mon bouton et où j'appelle la une nouvelle position
            c'est quand meme bizarre, ton module perso tu le publies dans quelle position ? pourquoi ne pas mettre directment ton module de bouton dasn cette position ?
            Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
            http://www.template-creator.com Outil de création de templates
            Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

            Commentaire


            • #7
              Re : Ajout position FIXE pour bouton radio

              Je reprends du début :
              La position je dois la créer , elle n'existe pas par défaut dans le template joomla,
              c'est une position fixe, comme le bouton play de bfmtv que je souhaite avoir .

              Tu vois un peu le problème ?
              Par défaut ne connaissant que la manière simple (cf message d'entete) pour ajouter une position de module je me suis dis que j'allais faire cela, mais bien sur c'est plus complexe, vu que cette position est en dehors du template et de la largeur de n'importe quel site.

              Donc je suis allée voir le css, du bouton de bfmtv pour l'appliquer au mien mais ca marche pas, j'avais mis le code suivant mais mon module ne s'affiche pas
              #IconSocialFixe {
              position:fixed;
              top:200px;
              right : 0;
              z-index:3;
              display: block;
              }

              As-tu une idée de ce qui me manque pour que ca marche, et si oui ou je dois modifier/ajouter du code ?
              PS. Je ne sais pas coder le php ...

              Commentaire


              • #8
                Re : Ajout position FIXE pour bouton radio

                ok, alors je te conseille de repartir de zéro et suivre mon tutoriel pour ajouter ta position de module
                ensuite une fois le module affiché dans la page on pourra le positionner en css. et tu peux l'ajouter dans le code html de ton template juste à la fin avant "</body>" comme le suggère kursus
                Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                http://www.template-creator.com Outil de création de templates
                Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                Commentaire


                • #9
                  Re : Ajout position FIXE pour bouton radio

                  Merci pour ces infos
                  Pour le tuto, c'est déjà ce que j'ai fait hier, il ne me reste plus qu'à faire la chose suivante :
                  Envoyé par ced1870 Voir le message
                  l'ajouter dans le code html de ton template juste à la fin avant "</body>"
                  Mais où le faire ?
                  Dans index.php du template ?

                  Commentaire


                  • #10
                    Re : Ajout position FIXE pour bouton radio

                    Je veux dire dans quel fichier ajouter mon code HTML ?
                    Pa sce lui du module on est d'accord ?
                    C'est dans un fichier sur le serveur du site non ?

                    Commentaire


                    • #11
                      Re : Ajout position FIXE pour bouton radio

                      alors, tu édites le fichier "index.php" de ton template et tu mets le code <jdoc:include ... /> à la fin avant </body>
                      c'est plus clair ?
                      Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                      http://www.template-creator.com Outil de création de templates
                      Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                      Commentaire


                      • #12
                        Re : Ajout position FIXE pour bouton radio

                        Envoyé par ced1870 Voir le message
                        alors, tu édites le fichier "index.php" de ton template et tu mets le code <jdoc:include ... /> à la fin avant </body>
                        c'est plus clair ?
                        Désolée de ne pas avoir donné de news avant,
                        je n'y arrives pas ....

                        on m'a donné aussi cette astuce :

                        - Met ton code HTML dans le div "headerbar" dans mon layout.css
                        - Met ton div "headerbar" en position relative"
                        - Met ton bouton player en position absolute puis top:0 et left:0

                        Ensuite, il te reste à jouer avec le top et left.

                        par contre, si tu veux que le bouton soit toujours au même endroit MEME après un scroll, il faut le mettre juste après ton body de préférence ...

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X