presque ca pour mes menus......

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

  • presque ca pour mes menus......

    Bonjour,

    j ai quelques petits problemes avec mes menus et le CSS. j ai joint deux photos: l une montrant ce que j aimerai avoir et l autre la ou j en suis.

    * pour mon menu de gauche j ai reussit a changer le css pour avoir le a.mainlevel:link, visited et hover comme je le voulais. par contreje ne comprends pourquoi mes sous niveau sont decale sur la gauche? j ai utilises les parametres qui suivent:

    /* parametre du menu*/
    #mainmenu {
    font-family:Tahoma, Arial, sans-serif;
    width:136px;
    height:150px;
    margin:0px;
    padding:0px;
    border:0px solid #333333;
    float:left;
    background-color:#e0e8ef;
    }

    .menu {
    font-family:Tahoma, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    margin-top: 10px;
    width:136px;
    float:left;
    position:relative;
    background-color:#e0e8ef;
    }

    a.mainlevel:link{
    font-family:Tahoma, Arial, sans-serif;
    color:#0e2b55;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    padding-left: 10px;
    float:left;
    position:relative;
    border-bottom:1px solid #ffffff;
    width:136px;
    }

    a.mainlevel:visited{
    font-family:Tahoma, Arial, sans-serif;
    color:#0e2b55;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    padding-left: 10px;
    float:left;
    position:relative;
    border-bottom:1px solid #ffffff;
    width:136px;
    }
    a.mainlevel:hover{
    background-color:#fafbfc;
    color:#0e2b55;
    width:136px;
    /*background-image:url(../images/mnu_arrow_ro.gif);*//* for the arrow
    background-position:center right;
    background-repeat:no-repeat;*/
    }


    a.sublevel:link,a.sublevel:visited{
    display:block;
    background:#ebf0f5;
    font-family:Tahoma, Arial, sans-serif;
    color:#0e2b55;
    font-size:11px;
    Padding-left:15px;
    line-height:15px;
    border-bottom:1px solid #ffffff;
    width:131px;
    }

    a.sublevel:hover{
    background:#fafbfc;
    color:#0e2b55;
    }

    * mon deuxieme probleme est pour le menu de navigation (en haut). je l ai defini en module user1. mon probleme est que j ai l impression que joomla applique les parametres de mon menu de gauche a ce menu egalement: car la largeur des colonnes est la meme que celles du menu principale. comment puis je regler ces parametres separement.

    * j aimerai implementer un drop down pour mon menu principal.(voir photo de ce que je voudrais). est ce possible d implementer ca en css?

    merci beaucoup pour tout
    yann (qui essaie de progresser comme il peut)
    Fichiers joints

  • #2
    salut à tous,

    pour la question 1, utilises les prefixs pour séparer les styles d'un menu de l'autre, on en à déjà parlé sur le forum, tu trouveras sans problème la réponse

    pour la question 2, faut que tu utilises un modle de menu, tu en trouveras pelins ici http://extensions.joomla.org/compone...788/Itemid,35/

    note : le meilleur c'est celui là http://extensions.joomla.org/compone...163/Itemid,35/

    bien cordialement
    Agence web Joomla www.nartconcept.fr spécialisée en création de sites Joomla professionnels http://www.nartconcept.fr/services.html
    RT3 Framework : www.rt3.fr pour Joomla 1.7.x & 2.5

    Commentaire


    • #3
      encore moi

      Salut tout le monde,

      bon ca avance progressivement.....
      pour le decalage dans mon menu, j ai modifier le fichier mod_mainmenu pour suprimer le padding-left..... all gooood... pour ca

      pour le menu du haut, je n arrive pas a definir de suffix..... je m explique:
      dans mes modules, j ai mis mon menu principal de gauche comme position left. mon menu du haut est definit dans une position user1 et j ai mis un suffixe topnavigation (voir la photo). dans mon css j ai defini comme suit:

      /* top navigation menu*/
      a.mainlevel-topnavigation:link{
      font-family:Tahoma, Arial, sans-serif;
      color:#0e2b55;
      font-size:11px;
      font-weight:Normal;
      float:left;
      position:relative;
      width:auto;
      padding: 10px;
      background:#0e2b55;
      }

      a.mainlevel-topnavigation:visited{
      font-family:Tahoma, Arial, sans-serif;
      color:#0e2b55;
      font-size:11px;
      font-weight:Normal;
      float:left;
      position:relative;
      width:auto;
      padding-right: 10px;
      background:#0e2b55;
      }

      a.mainlevel-topnavigation:hover{
      background-color:#fafbfc;
      color:#e0e8ef;

      /*background-image:url(../images/mnu_arrow_ro.gif);*//* for the arrow
      background-position:center right;
      background-repeat:no-repeat;*/
      }

      mais ca n a pas l air de marcher quand je preview......



      pour le drop down, je suis en train d installer le module extended menu(merci Nart)... je vais voir comment ca marche.... dois je refaire tout mon menu avec ce module ou est ce que je peux juste ajouter la partie drop down?

      sinon j ai un petit probleme avec mon template. j ai mis un template par defaut (celui de la home page), que j ai assigne a la page home... l autre template que j utilise pour le contenu a ete assigne a toute les autres pages. par contre j ai un petit probleme avec la front page qui devrait etre comme la home page (voir pictures). dans mon template j ai utilise des modules qui apparaissent sur la home page mais pas sur la front page???????? quand j ai configure mon module, j ai selectionne applique a la page home... mais je n ai pas vu d option mettre sur la front page?

      mais sinon ca avance quand meme mon affire.....
      merci beaucoup
      yann
      Fichiers joints

      Commentaire


      • #4
        de retour

        bonjour,

        donc voila, mon menu principale marche pas mal.... j ai installer infinity menu pour faire mon drop down.... c pas mal du tout.

        reste encore des trucs a faire mais ca avance....
        quelques petits soucis avec mon menu du haut (voir un peu plus haut), et avec ma front page.... car je ne sais pas ou faire apparaitre les modules sur la front page??????? voir un peu plus heut pour le probleme

        voilavoila
        a bientot
        merci encore

        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