barre de menu qui s'incruste au navigateur

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] barre de menu qui s'incruste au navigateur

    Bonjour tout le monde,
    Voilà je veux que ma barre de menu se fixe au bas de la barre d'outils du navigateur lorsqu'on déroule le contenu de la page comme sur ce site: http://www.guineenews.org/ Regarder bien, vous allez constater l'effet!
    Merci d'avance

  • #2
    Re : barre de menu qui s'incruste au navigateur

    bottom:0px au lieu de top

    .menutopdefault.fixed {
    position: fixed;
    top: 0px;
    z-index: 99999;
    Christophe
    http://www.webcrea.fr

    Commentaire


    • #3
      Re : barre de menu qui s'incruste au navigateur

      ce n'est pas exactement sa il faut bien voir le lien http://www.guineenews.org/ sur la page il y a deux barre de menu. La première barre de menu contenant (Accueil, sitemap, contact, old version, plus liens de partage) est déjà fixée au navigateur.
      Et la seconde barre de menu comprend les menus Accueil, News, Sport, Art & Culture, Economie, Politique, Vidéos, Forum. Maintenant si on fait défiler le contenu de la page, cette deuxième barre de menu remplace la première avec la position fixe!

      Commentaire


      • #4
        Re : barre de menu qui s'incruste au navigateur

        La première barre n'est pas fixée en haut, donc webcrea a bien répondu.
        Si tu veux fixer la 2ème en dessous de la 1ère, il faut commencer par fixer la première puis mettre en top de la deuxième la hauteur de la première.
        Si ce n'est pas cela, nous sommes 2 à ne pas comprendre!
        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


        • #5
          Re : barre de menu qui s'incruste au navigateur

          Envoyé par onesat Voir le message
          ce n'est pas exactement sa
          Juste un truc : perso, à ta place, j'aurais commencé ma réponse par "Merci!". "Merci pour votre réponse toutefois ce n'est pas exactement ce que je cherchais ...". Oui, dire merci, c'est ce que j'aurais d'abord fait.
          Christophe (cavo789)
          Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)
          Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes
          Mes logiciels OpenSource : https://www.avonture.be

          Commentaire


          • #6
            Re : barre de menu qui s'incruste au navigateur

            Merci Webcrea, merci lomart et merci cavo789 pour l'intérêt que vous portez a ma question et de l'aide que vous m'apportez. En fait si vous regardez très bien le lien http://www.guineenews.org si vous faite défiler le contenu de la page avec la barre de défilement verticale pour voir ce qui se trouve au bas de page, vous constaterez aussi tôt l'effet de remplacement de la première barre de menu par la deuxième. S'il vous plait cliquer sur le lien et prenez le temps de constater l'effet.

            Commentaire


            • #7
              Re : barre de menu qui s'incruste au navigateur

              Salut

              Va voir http://www.bootply.com/90936 qui propose un menu qui ne bouge pas lors du scroll.

              Avec du css / html, tu peux mettre quelque chose avant le menu et donc obtenir un effet similaire à la page que tu donnes en exemple.

              D'autres liens :

              http://www.bootply.com/129651
              http://getbootstrap.com/examples/navbar-fixed-top/
              Christophe (cavo789)
              Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)
              Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes
              Mes logiciels OpenSource : https://www.avonture.be

              Commentaire


              • #8
                Re : barre de menu qui s'incruste au navigateur

                salut
                comme les autres je pense, je suis allé tout en bas de la page mais je ne vois pas l'effet dont tu parles. Il n'y a que le menu du haut qui se fige.
                Tu es sous quel navigateur ?
                CEd
                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 : barre de menu qui s'incruste au navigateur

                  Je suis sous Firefox, google chrome et explorer bref je vois l'effet avec les trois navigateurs pour vous aidez a comprendre une fois de plus. Une fois la page d'accueil affichée, vous verrez une première barre de menu contenant (Accueil, sitemap, contact, old version, plus liens de partage). Après la bannière publicitaire et le logo du site, vous verrez la seconde barre de menu contenant les menus (Accueil, News, Sport, Art & Culture, Economie, Politique, Vidéos, Forum). Si l'utilisateur fait défiler le contenu de la page, la seconde barre de menu remplace la première et se fixe!
                  Sinon que Cavo789 vient de me donner des liens intéressant qui répondent a ma question! Grand merci à vous tous!

                  Commentaire

                  Annonce

                  Réduire
                  1 sur 2 < >

                  C'est [Réglé] et on n'en parle plus ?

                  A quoi ça sert ?
                  La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                  Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                  Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                  Comment ajouter la mention [Réglé] à votre discussion ?
                  1 - Aller sur votre discussion et éditer votre premier message :


                  2 - Cliquer sur la liste déroulante Préfixe.

                  3 - Choisir le préfixe [Réglé].


                  4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                  2 sur 2 < >

                  Assistance au forum - Outil de publication d'infos de votre site

                  Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                  Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                  Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                  UTILISER À VOS PROPRES RISQUES :
                  L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                  Problèmes connus :
                  FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                  Installation :

                  1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                  Archive zip : https://github.com/AFUJ/FPA/zipball/master

                  2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                  3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                  4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                  5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                  6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                  et remplacer www. votresite .com par votre nom de domaine


                  Exemples:
                  Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/
                  Pour executer le script: http://www..com/fpa-fr.php

                  Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                  Télécharger le script fpa-fr.php dans: /public_html/cms/
                  Pour executer le script: http://www..com/cms/fpa-fr.php

                  En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                  Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                  Voir plus
                  Voir moins

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X