menu style onglet comme ce site

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

  • menu style onglet comme ce site

    Bonjour,
    je suis peut être à côté de la plaque mais je n'ai pas trouvé de topic sur la mise en oeuvre de boutons "onglet" comme dans le site joomlafacile ("portail, telechargement,support,forums").
    J'ai installé le template joomlabox sept et octobre.

    Que dois-je faire, existe t il un tuto.

    Merci et pour votre travail.

  • #2
    salut a toi,

    je pense qu'il sagit d'une simpel manipulation du css dans lequel tu met des onglet que tu aura creer avec l'editeur de ton choix(photoshop...) en background de tes bouton de menu... du moins ne sachant pas faire autrement c'est ce que moi j'aurai fait.

    Commentaire


    • #3
      Salut,

      Comme le dit ytzem, tout est "piloté" par CSS.
      Plus d'infos ici
      Pas de demande de support en MP ou par mail, le forum est là pour ça!
      http://www.joomla.fr : news, téléchargements, tutoriels, FAQ, traduction, documentation
      http://www.lapatagonie.com : juste pour vous dépayser un peu...

      Commentaire


      • #4
        Oui ok, c super complet, mais visiblement, le template joomlabox integre deja cette possibilité, il ne reste qu'à la mettre en oeuvre. En effet le CSS contient deja tout ce qui est cité dans le tuto que tu m'as indiqué même les images .

        Alors est ce un module à ajouter pour exploiter cette fonction, je ne sais pas...

        Si quelqu'un sait ...

        Commentaire


        • #5
          C'est résolu

          Bon, j'ai trouvé et c'était tout simple. Pour le template joomlabox, il suffisait d'insérer ce code dans le code HTML du temlate:

          <div id="mainlevel-nav">
          <ul>
          <li><a href="#">Home</a></li>
          <li id="current"><a href="#">News</a></li>
          <li><a href="#">Products</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          </ul>
          </div>


          Et bonne année à tous !

          Commentaire


          • #6
            Coucou,

            J'ai choisi le meme template joomlabox mais je rencontre le meme souci pour les onglets !

            Tu dis qu'il faut intégrer ce code dans le fichier HTML :
            <div id="mainlevel-nav">
            <ul>
            <li><a href="#">Home</a></li>
            <li id="current"><a href="#">News</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
            </ul>
            </div>
            Ma question est où faut-il l'intégrer ?? à quel emplacement ? et surtout, les zones en bleus correspondent aux sections de ton site ??

            Commentaire


            • #7
              houlà !

              je ne crois pas qu'il soit nécessaire d'intégrer cela dans le template.

              Ce bout de code sera automatiquement généré par l'intégration d'un menu, fort probablement dans la zone "user3" et dont le paramètre de module/menu type de menu sera fixé à "horizontal"

              Je suis peut-être pas très clair, mais il commence à faire tard.
              Et puis je n'ai pas manipulé le template dont vous parlé... mais je connais assez bien joomla pour considérer que je suis plus proche de la réalité que vous ne l'êtes.

              Donc, pour résumer :
              1. créez un menu, avec les mêmes items que ce que vous étiez prêt à coder en dur.
              2. dans le gestionnaire de modules, sélectionnez le menu en question
              3. placez le dans la zone "user3" (vérifiez bien la zone dans l'index.php du template, mais fort à pariez que c'est là)
              4. dans les paramètres de réglage du module/menu, changer la valeur du type de menu en "horizontal" (c'est à vertical par défaut)
              5. ajoutez au champ "menu class suffix" : -nav
              6. validez

              Bon, je répète que je ne connais pas ce template. Je n'ai pas son code sous les yeux.
              Merci à quiconque de confirmer ou d'infirmer mon message.
              C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
              Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
              Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

              Commentaire


              • #8
                suite...

                Merci pour ton aide Dolmenhir pour mon souci avec le template joomlabox.

                Ca marche, désormais le menu principal est bien en ligne grace au -nav que je n'avais pas mis dans les paramètres

                Par contre si la navigation fonctionne bien, le onglets dans lequels devraient être situés les liens, eux n'apparaissent pas ??

                J'ai encore oublié un cruc ??

                Il y a un tuto qui explique tous les paramètres à utiliser pour éviter ça ??

                Enfin, le template me convient comme ça en gros mais je souhaiterais le dupliquer en plusieurs couleurs distinctes pour faire en sorte que à chaque section, le site change de couleurs, comme pour joomla!

                Je ne sais pas comment faire...existe-t-il un composant ou autre qui m'y aide...ce que je souhaite c'est avoir à toucher le moins possible au codes, je n'y connais rien...

                Commentaire


                • #9
                  Par contre si la navigation fonctionne bien, le onglets dans lequels devraient être situés les liens, eux n'apparaissent pas ??
                  La solution était de choisir Float list dans Menu Style et non Horizontal

                  Le problème reste posé pour la duplication du template...

                  Commentaire


                  • #10
                    pour la duplication du template, c'est à dire disposer d'un template différent selon la section chosie dans le menu de navigation principale :

                    Dans l'exemple, ce sera le même template, mais dans un code couleur différent :

                    1. copier le template autant de fois que nécessaire et modifier sa CSS (voire l'index.php si nécessaire, mais normallement on doit faire sans cela) pour collec à chque code coueleur.
                    2. ne pas oublier de modifier le fichier xml de chaque template, sans quoi le gestionnaire de template ne les distingera pas du template original.
                    3. installer les nouveau template (via le gestionnaire de template eb uploadant le .zip, ou direment par ftp)
                    4. depuis le gestionnaire de templates, sélectionner le template principal, et le définir comme "default" (gros boutons en haut à droite)
                    5. pour chaque template dupliqué, le sélectionner et utiliser le bouton "assign" pour l'associer à un ou plusieurs items de menu. Ici, en fait, on indique l'item de menu en regard duquel ledit template est sensé être chargé.
                    6. ne pas oublier de gérer l'affichage des menus, logiquement différents selon le template choisi. Il faut, ici, veiller à ce que chaque menu soit affiché sur les bonnes pages (et donc avec le bon template)
                    C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                    Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                    Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                    Commentaire


                    • #11
                      Ok Dol'

                      Merci encore Dolmenhir !

                      Je vais faire ça demain, par contre - je suis désolée de poser la question... - modifier le fichier XML?? Qu'est-ce que tu veux dire ? c'est directement dans l'arborescence que je dois aller ou via l'interface d'administration et que faut-il modifier ? le nom de la section (étant donné que je souhaite avoir 1section/1couleur) ??

                      A demain et merci encore

                      Commentaire


                      • #12
                        chque template possède un fichier xml qui définit ses caractéristiques.
                        Joomla s'en sert pour répertorier les templates dispo.
                        Si plusieurs templates ont le même nom dans leur fichier xml, joomla n'en proposera qu'un
                        C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                        Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                        Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                        Commentaire


                        • #13
                          Envoyé par chuive
                          Bonjour,
                          je suis peut être à côté de la plaque mais je n'ai pas trouvé de topic sur la mise en oeuvre de boutons "onglet" comme dans le site joomlafacile ("portail, telechargement,support,forums").
                          J'ai installé le template joomlabox sept et octobre.

                          Que dois-je faire, existe t il un tuto.

                          Merci et pour votre travail.
                          Salut,

                          J'ai mis ces templates "en prod" fin 2005, mais tu n'as rien à modifier à ce niveau si tu utilises le template "normalement".
                          Les onglets sont "utilisés" de façon simple, tu crées un menu avec les items portail, telechargement, ... (ce menu tu le nommes par exemple onglets)
                          tu mets ce menu en position user3 (pour le module je n'explique pas ici la façon de créer un nouveau menu... ) et les onglets vont apparaître avec les items de ce menu.
                          A toi ensuite de linker chaque item vers la partie de ton site ou d'un autre site que tu veux afficher. (autre exemple de template dans ce style >> ICI << )

                          Précision : suivre les explication de Dolmenhir pour avoir un "changement de couleur" pour les onglets.

                          bon courage, @plus
                          j!lm
                          http://www.joomlabox.com

                          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
                          Travaille ...
                          X