creer un menu avec des images differente suivant la page affichée

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

  • #46
    Re : creer un menu avec des images differente suivant la page affichée

    @rajoz : je te remercie pour toute l'aide que tu m'apportes ... c'est tres altruiste de ta part et cela me permet de me remettre petit a petit dans une dynamique ...

    Commentaire


    • #47
      Re : creer un menu avec des images differente suivant la page affichée

      Envoyé par Rajoz Voir le message
      Bonjour [COLOR=#3E3E3E]lefabdu51,

      Merci beaucoup pour ces infos sur l'intégration possible de Bootstrap dans Beez3.

      Ce qui me gêne dans Beez3 ce sont les 17 surcharges déjà existantes en particulier celles pour com_content. Dans Protostar il n'y en a aucune ce qui me facilite la vie pour en créer.
      C'est ce qui fait la différence entre les deux.
      Tu doit modifier de l'existant. Et pour beaucoup de gens, cela s' avères suffisant.
      Ils n'ont pas à tout réecrire.

      Un autre avantage de Protostar est qu'il est pensé directement pour Bootstrap.

      Le nombre de fichiers css du template Beez indique une autre methode d'organisation.
      Les noms sont suffisament éloquents.

      Il y a beaucoup de points communs.
      Notament le gestionnaire de templates.
      Au niveau gestion de l'arborescence, les possibilités sont simple et efficace.
      Les deux intègrent le même framework, un par défaut , l'autre non.
      Les deux intègrent des fichiers less.
      Une partie des styles du template Beez sont des fichiers css dérivés du fichier turq.less.

      un gros manque dans Beez: un fichier personal.less.

      J'utilise l'un ou l'autre suivant les projets. Dans certains cas, Beez est beaucoup plus flexible que Protostar, et vice versa...
      Un site pour comparer des solutions : https://comparatifs-informaticien51.joomla.com
      un site personnel, sur Joomla, linux, windows et Powershell : https://informaticien51.joomla.com/

      Commentaire


      • #48
        Re : creer un menu avec des images differente suivant la page affichée

        ... zut !! un petit bug persiste et je ne comprends pas car tout es onglet sont similaires
        les 2 derniers onglet ne sont actif que sur la partie basse du "bouton" alors que tout les autres sont actif sur l'ensemble du pavé de couleur.

        une idée ?

        Commentaire


        • #49
          Re : creer un menu avec des images differente suivant la page affichée

          une image ?

          Commentaire


          • #50
            Re : creer un menu avec des images differente suivant la page affichée

            @rajoz cela ressemble ressemble à celle que tu avais publier plus haut
            sauf que les 2 derniers onglets ne sont pas actifs partout, juste dans la partie basse
            ce que je trouve bizarre puisque il n'y a pas de code particulier pour eux comparés aux autre dans ce tu m'as transmis

            Commentaire


            • #51
              Re : creer un menu avec des images differente suivant la page affichée

              voici 2 images .. la premiere montre le lien actif et la 2em le lien inactif alors que je suis juste un peu plus haut .... il y a juste ce probleme sur les 2 derniers onglets



              Commentaire


              • #52
                Re : creer un menu avec des images differente suivant la page affichée

                Bonjour khrystoff,

                Je ne peux pas voir les images. Cela ne marche pas dans le mode "Réponse rapide". Pour qu'elles soient visibles il faut d'abord cliquer sur "Aller en mode avancé".

                Amicalement,
                Rajoz

                Commentaire


                • #53
                  Re : creer un menu avec des images differente suivant la page affichée

                  desolé

                  donc je remet les 2 fichiers par la reponse avancée :

                  Cliquez sur l'image pour l'afficher en taille normale

Nom : menu1.jpg 
Affichages : 1 
Taille : 34,1 Ko 
ID : 1803677

                  Cliquez sur l'image pour l'afficher en taille normale

Nom : menu2.jpg 
Affichages : 1 
Taille : 36,3 Ko 
ID : 1803678


                  merci de ton aide

                  Commentaire


                  • #54
                    Re : creer un menu avec des images differente suivant la page affichée

                    Bonjour khrystoff,

                    Ouf, c'est plus facile à comprendre avec des images. Cela aurait été quand même encore plus facile avec un lien sur le site qui m'aurait permis directement de voir et d'utiliser des outils comme Firebug. Vivement que ton site soit en ligne.

                    Le problème vient de la zone réservée pour la taille de police et le recherche. Cette zone est assez haute et empiète sur le menu. La solution que j'ai utilisée c'est de mettre un z-index pour que le menu soit devant cette zone.

                    Comme je l'avais dit dans un post, pendant le WE j'ai regardé comment adapter ce menu aux petits écrans. Plutôt que de corriger l'ancien CSS je préfère t'envoyer le nouveau CSS qui comporte en amélioration :
                    • correction du problème du débordement de la zone taille police et recherche
                    • animation de l'icône lors du survol du lien de menu
                    • fonctionnement du menu sur des écrans de différentes tailles (responsive)

                    Dans le zip ci-joint :
                    • le nouveau fichier custom.css pour remplacer le précédent (si tu l'avais modifié attention à reproduire tes modifications)
                    • et une icône (icon-background.png) qui sert de fond pour les icônes du menu et qui doit être copiée dans images/icons (si copiée ailleurs il faudra modifier la ligne 28 du CSS)

                    menu-beez3new.zip

                    Amicalement,
                    Rajoz

                    Commentaire


                    • #55
                      Re : creer un menu avec des images differente suivant la page affichée

                      Bonjour

                      J'ai une question un peu similaire
                      je sais que je peux definir pour des elements de menu une icone mais comment puis-je desactiver dans un module de menu cette fonction?

                      En effet j'ai plusieurs modules de menu sur un meme menu et je voudrais tantot un affichage texte, tantot un affichage graphique. merci en tous cas

                      Cyril
                      Formations et Créations de sites et applications web avec Joomla! et Seblod
                      http://www.pulsar-informatique.com/s...nce-web-joomla

                      Commentaire


                      • #56
                        Re : creer un menu avec des images differente suivant la page affichée

                        Bonjour Cyril,

                        Je suppose que les icônes sont ajoutées aux liens de menu dans l'onglet "Type de liens" avec "Image du lien" et Ajouter un titre au menu". Cela permet d'avoir à la fois une icône et le texte du lien.

                        Pour que les icônes puissent s'afficher dans un module de menu et pas dans un autre. Je pense que le plus simple c'est de créer une classe que l'on peut appeler par exemple noimage.

                        Dans le module de menu où l'on ne veut pas que les icônes s'affichent, on ajoute dans Paramètres avancés, dans "Suffixe CSS de menu" la classe noimage (avec un espace devant).

                        Le code html pour ce menu va devenir du genre :
                        Code HTML:
                        <ul class="nav menu noimage">
                            <li class="item-nnn">
                                <a href="#" >
                                     <img src="icone.jpg" alt="Titre" />
                                      <span class="image-title">Titre</span>
                                </a>
                            </li>
                            ...
                        Il faut ensuite définir la classe noimage dans le fichier custom.css ou à la fin de template.css (selon le template) :
                        Code:
                        .nav.menu.noimage img { display: none; visibility: hidden; }
                        De même, si l'on ne veut que les icônes et pas les textes on peut créer une classe notext à utiliser dans le "Suffixe CSS de menu" du module :
                        Code:
                        .nav.menu.notext .image-title { display: none; visibility: hidden; }
                        Ne pas mettre ensemble noimage et notext sinon on n'y voit plus rien du tout

                        Amicalement,
                        Rajoz

                        Commentaire


                        • #57
                          Re : creer un menu avec des images differente suivant la page affichée

                          MErci

                          J'ai fait au final un override du module et dans default_component.php j'ai modifié les lignes qui affichaient l'image.
                          Cyril
                          Formations et Créations de sites et applications web avec Joomla! et Seblod
                          http://www.pulsar-informatique.com/s...nce-web-joomla

                          Commentaire


                          • #58
                            Re : creer un menu avec des images differente suivant la page affichée

                            bonjour
                            je reprends ma discussion ayant du laiser un peu le developpement de ce site pendant qq temps
                            je n'arrive pas a mettre le menu d'en haut sur toute la largeur de la page meme en bidouillant mes fichier CSS
                            comment dois je m(y prendre ?
                            merci
                            voici le lien pour plus de facilité
                            http://www.latulipenoire-cetes.fr/new/

                            Commentaire


                            • #59
                              Re : creer un menu avec des images differente suivant la page affichée

                              Bonjour
                              Essaye ca ligne 19 custom.css:
                              Code:
                              #header ul.menu li a {width: 12%;}
                              Dernière édition par -Tony- à 14/01/2015, 18h55

                              Commentaire


                              • #60
                                Re : creer un menu avec des images differente suivant la page affichée

                                merci pour ta proposition
                                mais cela ne reponds pas a ma demande
                                j'aimerais vrament avoir le menu du haut qui occupe toute la largeur sans espace a gauche ou a droite ?

                                comment dois je faire ?

                                merci

                                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