Joomladay francophone 2018 à Paris 18 et 19 mai

Remplacer titre de modules par une image

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

  • Remplacer titre de modules par une image

    Bonjour,

    J'ai une question dont je ne trouve pas la réponse. Il y a bien un début de piste sur ce sujet (http://forum.joomla.fr/showthread.ph...r+module+image)
    mais il se termine sans vraie réponse.

    Je souhaiterais donc pouvoir remplacer le titre des modules (mod_latestnews, mod_featured_articles et mod_nd) par une image. Le choix de la typo est trop limitée.
    Histoire de rendre les choses plus difficiles, je souhaiterais également que ces images soient des liens qui dirigent vers la catégorie lorsque l'on clique dessus.

    J'ai cru comprendre que le CSS pouvait rendre cela possible mais je ne sais pas de quelle manière ni si c'est l'unique solution...

    D'avance merci à quiconque pourra m'éclairer !

    PS : suis en joomla 1.0.13

  • #2
    Bonjour

    Pour pouvoir mettre une image de fond à un module, il faut dans un premier temps mettre un suffixe CSS à celui-ci via l'interface d'admin.

    Ensuite tu vas dans le code source de ton site, tu regardes dans quelle balise se trouve ton titre (th, th, h3...)
    Si par exemple, il est dans la balise h3, dans ton fichier css, tu le déclare de la manière suivante

    .moduletable-{suffixe css créé} h3 {
    background: url(ton fichier image);
    text-indent: -9999px; //// pour faire disparaitre le titre de ton menu
    ...
    }

    J'espère que ça peut t'aider
    au plaisir
    Je ne réponds pas aux mp.

    Commentaire


    • #3
      Merci T-Bug pour ces infos, je vais tester et ne manquerais pas de demander plus d'informations ou mieux, indiquer que le problème est réglé si c'est la cas...

      Commentaire


      • #4
        ...si je puis me permettre

        Envoyé par T-Bug Voir le message
        .moduletable-{suffixe css créé} h3 {
        background: url(ton fichier image);
        text-indent: -9999px; //// pour faire disparaitre le titre de ton menu
        ...
        }
        Moi je mettrais plutôt:

        .moduletable-suffixecréé h3
        {
        background-image:url(../cheminverslimage/image.ext);
        background-position:top left;
        background-repeat:no-repeat:
        }

        Et plutôt choisir de ne pas publier le titre du module dans l'interface d'admin joomla, que de faire un text-indent.

        Commentaire


        • #5
          remplacer le module "flash news" par rien

          j'ai supprimé le module flash news (commun a plein de templates) du template rhuk_solarflare_ii (celui de base) car je souhaite avoir une interface très épurée. Seulement voilà qu'il reste écrit "Top module empty" et quand je farfouoille dans le CSS ou index.php en mettant en commentaire certaines zones ça décale tout, j'ai l'impression que d'autres div sont liées à ce que je tente d'enlever. Dans firefox avec webdevelopper on voie bien que la class appliquée est "top inner" et aucun autre élément ne semble en dépendre. Comme ce module est au bord droit de la page, il y a des répercutions sur l'élément suivant je pense que c'est parce que c'est en float left(j'ai aussi changé ça mais c'est pas bon).
          je suis en localhost alors je peux malheureusement pas mettre de lien.
          Mais peut-être, si mon problème est décrit trop en détail pour vous parler pourrez vous me dire tout simplement comment
          enlever un module et mettre rien à la place?
          Quelle est la logique s'il vous plaît?
          J'ai bien quelques idées mais je m'y perd à force et j'ai mal au crâne

          Commentaire


          • #6
            Si tu veux simplement supprimer cette position de module, peut être peux-tu commenter le code correspondant dans le fichier d'index du template?

            Commentaire


            • #7
              plutôt choisir de ne pas publier le titre du module dans l'interface d'admin joomla, que de faire un text-indent.


              Là, je comprends plus, si on supprime le titre du module, comment met on une image en fond pour ce même titre ??

              Code HTML:
              background-image:url(../cheminverslimage/image.ext);
              background-position:top left;
              background-repeat:no-repeat:
              Moi je mettrais

              Code HTML:
              background: url(../cheminverslimage/image.ext) no-repeat top left;
              a bientôt
              Dernière édition par T-Bug à 10/03/2008, 13h24
              Je ne réponds pas aux mp.

              Commentaire


              • #8
                code correspondant dans index.php

                Envoyé par C__No Voir le message
                Si tu veux simplement supprimer cette position de module, peut être peux-tu commenter le code correspondant dans le fichier d'index du template?
                (j'ai surligné en rouge le passage ou ya le fautif)

                <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
                <link href="<?php echo $mosConfig_live_site;?>/templates/rhuk_solarflare_ii/css/template_css.css" rel="stylesheet" type="text/css" />
                </head>
                <body>

                <div align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="808">
                <tr>
                <td class="outline">
                <div id="buttons_outer">
                <div id="buttons_inner">
                <div id="buttons">
                <?php mosLoadModules ( 'user3', -1); ?>
                </div>
                </div>
                </div>
                <div id="search_outer">
                <div id="search_inner">
                <?php mosLoadModules ( 'user4', -1 ); ?>
                </div>
                </div>
                <div class="clr"></div>
                <div id="header_outer">
                <div id="header">
                &nbsp;
                </div>
                <div id="top_outer">
                <div id="top_inner">
                <?php
                if ( mosCountModules( 'top' ) ) {
                mosLoadModules ( 'top', -2 );
                } else {
                ?>
                <span class="error">Top Module Empty</span>
                <?php
                }
                ?>
                </div>
                </div>
                </div>

                <div id="left_outer">
                <div id="left_inner">
                <?php mosLoadModules ( 'left', -2 ); ?>
                </div>
                </div>

                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