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

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

  • khrystoff
    a répondu
    Re : creer un menu avec des images differente suivant la page affichée

    merci mais cela ne me fait pas utiliser toute la page
    j'ai bidouillé un truc dans mon css custom
    sauf que si je rajouter ou enleve un onglet par la suite, faudra que je rebidouille encore ...
    y a til un moyen digne d'un CMS pour ne pas avoir a changer ca a chaque fois ?

    merci

    Laisser un commentaire:


  • -Tony-
    a répondu
    Re : creer un menu avec des images differente suivant la page affichée

    Tu peux mettre des chiffres après la virgule......genre 12.45...

    Laisser un commentaire:


  • khrystoff
    a répondu
    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

    Laisser un commentaire:


  • -Tony-
    a répondu
    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

    Laisser un commentaire:


  • khrystoff
    a répondu
    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/

    Laisser un commentaire:


  • pulsarinformatique
    a répondu
    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

    Laisser un commentaire:


  • Rajoz
    a répondu
    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

    Laisser un commentaire:


  • pulsarinformatique
    a répondu
    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

    Laisser un commentaire:


  • Rajoz
    a répondu
    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

    Laisser un commentaire:


  • khrystoff
    a répondu
    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

    Laisser un commentaire:


  • Rajoz
    a répondu
    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

    Laisser un commentaire:


  • khrystoff
    a répondu
    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



    Laisser un commentaire:


  • khrystoff
    a répondu
    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

    Laisser un commentaire:


  • Rajoz
    a répondu
    Re : creer un menu avec des images differente suivant la page affichée

    une image ?

    Laisser un commentaire:


  • khrystoff
    a répondu
    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 ?

    Laisser un commentaire:

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X