2 couleurs pour 1 même titre de module

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

  • 2 couleurs pour 1 même titre de module

    Hello,

    Je cherche un moyen d'obtenir deux couleurs dans un même titre de module. Sur le dernier template Gavick "Music Top", pour donner un exemple, il y a exactement ce que je cherche : http://demo.gavick.com

    Le premier mot est en orange et le reste en noir. Savez-vous comment je peux obtenir cela ? Sans doute une manipulation dans le CSS, mais laquelle...

    Merci !

    Denis
    Dernière édition par Denis_T à 21/07/2008, 13h18

  • #2
    Pas d'idées ?

    Commentaire


    • #3
      Bonjour,

      Les titres des modules sont composés comme ceci :

      Code:
      <h3><span>Latest</span> News</h3>
      Ensuite, pour les couleurs, on a pour la balise span le code suivant dans le fichier css style1.css

      Code:
      div.moduletable h3 span, div.moduletable-nshow h3 span {
          color: #f7850a;
      }
      Pour le h3, on a ceci dans template_css.css :

      Code:
      div.moduletable h3, div.moduletable-nshow h3, div.moduletable-tab h3, div.moduletable-color h3 {
      	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
      	color: #000;
      	line-height: 28px;
      	text-transform: uppercase;
      	padding: 0;
      	margin: -8px 0 8px;
      }
      Une balise <span> a été insérée pour gérer les 2 couleurs (reste à savoir comment..., je vais essayer de trouver comment faire)
      Je ne réponds pas aux mp.

      Commentaire


      • #4
        Oui, bien vu

        Et c'est en effet la balise <span> qui me perturbe. J'ignore complètement comment appliquer le CSS au titre avec cette balise

        Grand merci pour l'aide !

        Denis

        Commentaire


        • #5
          Personne sait ce que je pourrais faire avec ce <span> ?

          Commentaire


          • #6
            Bonjour,
            J'ai envie de faire la même chose sur un autre template à base gavick.
            Personne ne me réponds dans le forum de gavick. As-tu eu une solution ?
            Pour info voici le lien vers le forum
            Je m'appuie sur le template eshop.com qui date de 2008.
            J'en ai une version demo en fond noir ici

            Merci de votre aide, j'en ai besoin
            infographie - cartographie (et web en cours d'apprentissage)
            http://www.graphicom.tm.fr

            Commentaire


            • #7
              Bonjour,
              si ça n'existe pas, il faudrait faire un plugin qui détecte les <h3> ... </h3>, en isole le premier mot et le met entre <span> ... </span>. Après c'st un style h3 span {} qui met la couleur.
              Schtroumpfe toi le Schtroumpf t'aidera.
              Je ne schtroumpfe pas aux demandes de schtroumpf par MP.

              Commentaire


              • #8
                pourtant ça marche pour les modules pour le template eshop.com de gavick. Il "suffit" de l'adapter pour les titres, ça ne devrait pas être compliqué pour des gens qui maîtrise les css, ce qui est loin d'être mon cas. Je suis un bricoleur, malheureusement.
                Quelqu'un peut m'aider ?

                Je crois qu'il faut avoir un compte pour accéder au forum.
                Voici ce que j'ai écrit :

                Hi all!
                Like for titles for the modules on the left (see picture), I would like to have the same thing in the main menu. I mean a color for the first word and another for the one(s) after.
                How is it possible to do that ?
                I have found in template.css.css those lines (line 527 and after) :

                Code:
                div.moduletable h3,
                div.moduletable_menu h3 {
                background: url('../images/mod_def_h3_l.png') no-repeat 0 0;
                font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
                padding: 0;
                margin: 0;
                color: gray;
                }
                div.moduletable h3 span,
                div.moduletable_menu h3 span {
                background: url('../images/mod_def_h3_r.png') no-repeat 100% 0;
                display:block;
                height:37px;
                line-height:37px;
                margin-left: 4px;
                padding-left: 16px;
                }
                div.moduletable h3 span strong,
                div.moduletable_menu h3 span strong {
                color: #1eaaaa;
                }
                You can see the site if you click

                I then know how to change the colors for the title of the modules. But I really do not know how to make the same for the title of main menu.
                I hope someone knows enough to help me. I really need it for my client.
                Note that there is certainly a solution because all the titles in main menu will start with My, this could be hard coded though it is not a good solution for other sites.
                I will certainly have to change the color under the selected title because green on green is not easy to read. I will make it light green.



                Dernière édition par kristobal1969 à 27/03/2010, 11h21
                infographie - cartographie (et web en cours d'apprentissage)
                http://www.graphicom.tm.fr

                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