Joomladay francophone 2018 à Paris 18 et 19 mai

Crée son menu

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

  • Crée son menu

    Bonjour a tous, je me remet a vous parc'que je suis un peu perdu sur la marche a suivre pour crée son propre menu.

    J'ai crée mon propre template et j'aurai aimer que dans ma bannière il y est de simple lien hypertexte avec des attributs CSS pour mon menu.

    J'ai mi mes liens directement dans mon fichier index.php de mon dossier template, mais je ne pense pas que se soit la bonne solution.

    Faut'il que je crée un menu directement avec la console admin de Joomla, genre utilisé le main menu?


    Merci d'avance!!!

  • #2
    Salut
    Si tu met ton menu direct dans le index.php tu ne pourras pas le rendre dynamique.
    Pour créer son menu tu vas dans menu/gestion des menu/nouveau.
    Ensuite tu vas dans module/tu recherches le module que tu viens de créer, tu l'ouvres, tu changes le titre, tu mets se que tu veux, tu l'actives, et tu lui mets dans quel position tu veux qu'il soit.
    Ensuite tu retournes dans menu et la tu clic sur le menu qui t'intéresses, et tu créé des nouveaux liens.
    Formation Joomla agence internet https://www.stylitek.com
    Melijoy création de site Joomla compétitif https://www.melijoy.fr
    agence web spécialiste référencement http://www.agence-web-stylitek.fr

    Commentaire


    • #3
      Oups désolé j'ai oublié après il faut faire le css.
      Formation Joomla agence internet https://www.stylitek.com
      Melijoy création de site Joomla compétitif https://www.melijoy.fr
      agence web spécialiste référencement http://www.agence-web-stylitek.fr

      Commentaire


      • #4
        Ok daccord, j'ai mi mon menu dans une de mes DIV, mais par contre je vois pas comment lui attribuer des classe CSS.


        Code:
        </div> <div id="menu">
                  
                     <jdoc:include type="modules" name="menu" style="xhtml"/>
        
                   </div>

        Code:
        /*-------------Couleur des liens non visité */
        
        .a:link {
        
        	text-decoration: none;
        	color: #bd1eb4;
        	
        }
        
        /*-------------Couleur des liens visité */
        
        .a:visited {
        	text-decoration: none;
        	color: #bd1eb4;
        	
        }
        
        /*-------------Couleur des liens au survol de la souris */
        
        .a:hover {
        	text-decoration: none;
        	color: #ffffff;
        	
        }
        
        /*-------------Couleur des liens quand il y a le click */
        
        .a:active {
        	text-decoration: none;
        	color: #bd1eb4;
        
        }
        D'habitude j'attribue la class au lien hypertexte mais vue que la les liens sont dynamique je voie pas comment faire.....

        Commentaire


        • #5
          salut,

          j'ai fait un tuto sur la création des templates J!1.5, il est en téléchargement sur mon site.
          Si ça peut t'aider....
          si tu veux modifier le css des liens de ton menu, c'est surement
          a.mainlevel
          et si tu as un suffixe (ex: _nav)dans l'administration de ton module, c'est
          a.mainlevel_nav



          Conseil : utilises Webdevelopper ou Firebug !!
          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
            Ok merci pour tes informations!!!

            J'ai juste encore deux ptit souci ou je bloque, si jamais vous avez une idée...

            Avant pour mettre de l'espace entre mes liens hypertexte je mettai l'attribut word-spacing mais la sa ne fonctionne plus, savez vous lequel je dois utiliser pour avoir le meme rendu?


            Le deuxième problème c'est que mon menu reste pas fixe il bouge par raport a la taille de la page, je sais que c'est un truc tout bête mais...

            J'vous met mon code:

            Code PHP:
            <body>

                        <
            div id="banniere">
                        
                       
                         
                           <
            div id="newsletter">
                             
                           <
            div id="date">
                         

                          </
            div>
                             
                          </
            div

                         <
            div id="menu">
                          
                         <
            jdoc:include type="modules" name="banniere" style="xhtml"/>
                         
                        </
            div>

                          <
            div id="bande_noir">

                         </
            div>

                          <
            div id="logo">
                             
                                    
                         </
            div>
                         
                           
                        </
            div>
                        
                        
                        
            <
            div id="contenu">
                        
                        
                 <
            div id="articles">
                     <
            jdoc:include type="component" style="xhtml" />   
                            <
            div id="photos_droit">
                            
                            </
            div>

                        
                 </
            div>
                        
                        <
            div id="dernieres_creations">
                        
                        </
            div>
                        
                       
                        
                        <
            div id="module_news">
                        
                        
                        <
            jdoc:include type="modules" name="module_news" style="xhtml"/>
                    
                        
                        </
            div>
                        
                        
                        
            </
            div>  

                      <
            div id="barre_milieu">
                        
                        </
            div>
                        
                        <
            div id="footer">
                        
                        </
            div>
                        
                        <
            div id="barre_bas">
                        
                        </
            div>


            </
            body


            Code:
            * {
            	margin: 0px;
            	padding: 0px;
            }
            
            body {
            	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            	font-size: 14px;
            	background-image: url(../images/fond.png);
            	background-position: top left;
            	background-repeat: repeat-x;
            	}
            
            img {
            	border: none;
            }
            
            li {
            list-style:none;
            }
            
            /*-------------Couleur des liens non visité */
            
            a.mainlevel:link {
            
            	text-decoration: none;
            	color: #bd1eb4;
            	
            }
            
            /*-------------Couleur des liens visité */
            
            a.mainlevel:visited {
            	text-decoration: none;
            	color: #bd1eb4;
            	
            }
            
            /*-------------Couleur des liens au survol de la souris */
            
            a.mainlevel:hover {
            	text-decoration: none;
            	color: #ffffff;
            	
            }
            
            /*-------------Couleur des liens quand il y a le click */
            
            a.mainlevel:active {
            	text-decoration: none;
            	color: #bd1eb4;
            
            }
            
            #menu {
            
            	text-align: center;
            	padding-top: 110px;
            	word-spacing: 50px;
            	margin-left:auto;
            	margin-right: auto;
            }
            
            
            #banniere {
            	background-image: url(../images/bandeau_noir_haut.png);
            	background-repeat: no-repeat;
            	height: 230px;  
            	margin-left:auto;
            	margin-right: auto;
            }
            
            /*#bande_noir {
            	background-image: url(../images/bande_noir_haut.png);
            	background-repeat: repeat-x;
            
            	height: 182px;  
            }*/
            
            #newsletter {
            	background-image: url(../images/barre_newsletter.png);
            	background-repeat: no-repeat;
            	height: 31px; 
            	margin-left: 225px;
            	color: white;
            	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            	font-size: 10px;
            	
            }
            
            #date {
            	margin-left: 10px;
            	padding-top: 10px;
            	color: white;
            	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            	font-size: 10px;
            	
            }
            
            
            #logo {
            	background-image: url(../images/blason_banniere.png);
            	background-repeat: no-repeat;
            	width: 223px;
            	height: 295px; 
            	left: 920px;
            	position: relative;
            	bottom: 80px;
            	
            }
            
            #contenu {
            
            	margin-left: 225px 
            		
            }
            
            #articles {
            	
            	width: 226px;
            	height: 130px; 	
            }
            
            
            #dernieres_creations {
            	background-image: url(../images/dernieres_creations.png);
            	background-repeat: no-repeat;
            	width: 224px;
            	height: 217px;
            }
            
            
            
            #photos_droit {
            	background-image: url(../images/image_gif_coter_droit.png);
            	background-repeat: no-repeat;
            	width: 510px;
            	height: 354px; 
            position: relative;
            	left: 290px;
            	bottom: 70px;
            }
            
            
            
            
            #module_news {
            	/*background-image: url(../images/module_news.png);
            	background-repeat: no-repeat;*/
            	width: 841px;
            	height: 259px; 
            	bottom: 350px;
            	margin-top: 50px;
            }
            
            
            #barre_milieu {
            	background-image: url(../images/barre_milieu.png);
            	background-repeat: no-repeat;
            	width: 850px;
            	height: 1px; 
            	margin-top: 15px;
            	margin-left: 215px
            }
            
            #footer {
            	background-image: url(../images/banniere_bas.png);
            	background-repeat: no-repeat;
            	width: 850px;
            	height: 35px; 
            	margin-top: 5px;
            	margin-left: 215px
            }
            
            #barre_bas {
            	background-image: url(../images/barre_bas.png);
            	background-repeat: repeat-x;
            	width: 100%;
            	height: 13px; 
            	margin-top: 82px;
            }

            Merci d'avance!!!

            Commentaire


            • #7
              modifie voir ça :
              margin-left:auto;
              margin-right: auto;



              pour ton wordspacing, j'utiliserais du padding pour voir...
              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


              • #8
                Envoyé par ced1870 Voir le message
                modifie voir ça :
                margin-left:auto;
                margin-right: auto;

                Non toujours pareil...


                Envoyé par ced1870 Voir le message

                pour ton wordspacing, j'utiliserais du padding pour voir...

                Sa ne fonctionne pas, ni avec du padding ou du margin....

                Commentaire


                • #9
                  tu as supprimé le margin:auto dans
                  #menu {

                  text-align: center;
                  padding-top: 110px;
                  word-spacing: 50px;
                  margin-left:auto;
                  margin-right: auto;
                  }

                  ? et ça marche toujours pas? bizarre...

                  tu as un lien vers ton site?
                  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


                  • #10
                    Ouaip dans #menu.


                    J'ai pas de lien je suis en local...

                    Commentaire


                    • #11
                      essaies voir de rajouter des paramètres padding ou margin ou width....à tes LI
                      Peut-etre qu'ils bougent car ils ne sont pas fixés tout simplement!
                      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
                        Malheureusement toujours pareil...

                        Commentaire


                        • #13
                          je suis a cours d'idées...
                          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


                          • #14
                            tu peux toujours m'envoyer ton template par mp, j'essaierai d'y jeter un coup d'oeil si j'ai un peu de temps dans les prochains jours...
                            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


                            • #15
                              J'te l'ai envoyer par mail...

                              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