Joomladay francophone 2018 à Paris 18 et 19 mai

Pb de CSS

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

  • [Problème] Pb de CSS

    Je croyais avoir compris la gestion des CSS mais ...

    Le profil du site www.toitplustoit.com :


    Mes questions :
    1. Comment modifier le style du module sans impacter le style général du site ? (je n'ai pas bien saisi comment utiliser le paramètre Suffixe de classe CSS dans le module) ? Un micro exemple permettrait de comprendre rapidement
    2. comment modifier le style du titre d'une article ( lorsque l'on valide le clique sur le titre de l''article dans les paramètres) sans modifier le style des autres éléments cliquables ?
    3. comment ajouter (automatiquement) une barre pour séparer les articles
    Fichiers joints

  • #2
    bonjour dédé ! ;o)

    Voici un début de réponse à tes questions :

    1. pour changer le style d'un module, tu entre un suffixe dans la page de création de module. Pour exemple je vais prendre le module de recherche.
    dans ta page de création de module, tu as un champ Suffixe de classe de module, là tu entre le suffixe que tu veux, ici pour exemple on va mettre rechercher.
    Ce qui fait que ton module rechercher est maintenant contenu dans une classe nommée moduletablerechercher et non plus modletable. Tu n'as plus qu' créer ton style dans ta css nommé moduletablerchercher.

    2. Pour le titre d'un article, la classe est la suivante : contentheading.
    Tu n'as plus qu'a creer les styles correspondants dans ta feuille de style : .contentheading a et .contentheading a:hover

    3. La barre de séparation automatique est gérée en natif par joomla.
    Elle est définie par un span : <span class="article_separator"> </span>
    Tu crées ton style article-separator et le tour est joué.

    Voilà, j'espère que ceci te sera utile

    Flamby

    Commentaire


    • #3
      Bonjour a vous,

      Si j'ai bien compris ton raisonnement flamby une fois que l'on a donnée un suffixe il suffit de mettre dans notre CSS

      Code:
      table.moduletablerechercher
      {
          Color:white;
      }
      Et le module "rechercher" sera écrit en blanc, c'est ca ? ?

      Commentaire


      • #4
        Oui voilà, c'est exactement ça...

        D'ailleurs tu n'es même plus obligé de définir le style sur une table vu que ton nom de CSS est maintenant unique.

        Tu peux faire un truc du genre ;

        .moduletablerechercher
        {
        Color:white;
        }

        tout ce qui va être contenu dans la class moduletablerechercher de ta page aura sa police affichée en blanc.

        Flamby

        Commentaire


        • #5
          Il y a quelquechose que je ne comprend pas alors,

          je suis en train de travailler sur ce site :

          www.pilotedechasse.fr/joomla

          je cherche a modifier le module de "connection"
          je lui ai donné comme suffixe "_login"

          ainsi je pensais qu'en mettant ceci dans mon css

          Code:
          .moduletable_login
          {
             text-align: center;
          }
          que " Connectez vous "(texte remplie dans le module form-login dans le formulaire "texte avant" serais centré. Mais il ne l'est pas. Pourquoi ?

          Commentaire


          • #6
            Envoyé par cmoiaaa Voir le message
            J(je n'ai pas bien saisi comment utiliser le paramètre Suffixe de classe CSS dans le module) ? Un micro exemple permettrait de comprendre rapidement
            Salut,

            C'est cette méthode que tu n'a pas capté ?
            http://forum.joomla.fr/showthread.php?t=64208

            Commentaire


            • #7
              Cela vaut le coup d'aller se promener pour prendre un peu d'air, j'ai maintenant une série de réponses.
              Je regarde cela. Merci à tous !

              Commentaire


              • #8
                Envoyé par Pilotedechasse.fr Voir le message
                Il y a quelquechose que je ne comprend pas alors,

                je suis en train de travailler sur ce site :

                www.pilotedechasse.fr/joomla

                je cherche a modifier le module de "connection"
                je lui ai donné comme suffixe "_login"

                ainsi je pensais qu'en mettant ceci dans mon css

                Code:
                .moduletable_login
                {
                   text-align: center;
                }
                que " Connectez vous "(texte remplie dans le module form-login dans le formulaire "texte avant" serais centré. Mais il ne l'est pas. Pourquoi ?
                Je suis allé voir ton site et le code source de la page. Effectivement il n'y a pas de classe moduletable_login, je pense que moduletable ne fonctionne que pour les menus.

                Par contre, il y a bien un style appliqué à votre formulaire de connexion, et ce style s'appelle form-login.

                Tu peux donc remplacer
                Code:
                .moduletable_login
                {
                   text-align: center;
                }
                par
                Code:
                #form-login
                {
                   text-align: center;
                }
                Mais je crains que tout ton texte soit centré, username et password compris...

                Pour eviter que tout soit centré, essaie :

                Code:
                #form-login
                {
                   text-align: center;
                }
                
                #form-login p
                {
                   text-align: left;
                }
                Cela devrait fonctionner

                Flamby
                Dernière édition par flamby à 04/01/2009, 23h01

                Commentaire


                • #9
                  en faita il n'y avais pas de moduletable car j'avais mis "style="none" " au lieu de "style="xhtml" "

                  Mon probleme est donc résolu

                  Commentaire


                  • #10
                    C'est le problème à qui en fait ? On ne sait plus trop là ...

                    Commentaire


                    • #11
                      Bas ce n'est pas grave, c'est le même type de question

                      Commentaire


                      • #12
                        T'a résolu ton soucis au moins ? Puisque c'est toi qui est à l'origine de ce topic !

                        Commentaire


                        • #13
                          Presque résolu

                          En partie, c'est à dire mon point 1 et 3 en suivant les conseils de Flamby.
                          Je n'ai pas encore eu le temps de tester le point 2.

                          En fait, je crois que les classes n'étaient pas définies dans le template d'origine de siteground-j15-71.
                          J’ai laissé tomber le module content categories que je souhaitais utiliser pour réaliser un menu qui s’autogénère au fur et à mesure que l’on crée des catégories car il n’est pas pris en compte par SEF service MAP 2.

                          Au passage, j’aimerais trouver un menu type tree qui s’auto génère au fur et à mesure que l’on crée des sections, des catégories des articles mais ce n’est pas le sujet de ce file …


                          Et, j’ai aussi une autre question plus complexe postée ici http://forum.joomla.fr/showthread.ph...196#post382196

                          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