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
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