css facebook, comment overrider ?

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

  • [Problème] css facebook, comment overrider ?

    bonsoir,

    j'ai un site avec des modules à fond gris ou transparent
    je n'arrive pas à overrider le css de différents modules facebook (fanbox commentaires)
    tout cela parce que les applications vont chercher les css de facebook

    comment faire pour que cela soit les css du template qui priment ?
    aidons nous les uns les autres ...

    http://web54.fr

  • #2
    Re : css facebook, comment overrider ?

    Salut Tataye

    Sans avoir testé, je dirais que, perso, je ne vois pas de raison pour que cela ne soit pas possible. Que ce soit FB ou n'importe quoi d'autre, il me semble que la règle est la même : c'est le dernier qui a parlé qui a raison.

    Autrement dit : si tu charges un fichier css après le fichier css de FB (p.e. en le chargeant au bas du fichier index.php) et si ce fichier CSS utilise des rules qui permettent de parfaitement cibler un élément FB, cela devrait marcher, non ?

    Sur mon blog, j'ai un module "J'aime", quand je regarde le code source, ce module se trouve dans une DIV dont le ID est "LikeboxPluginPagelet". Si dans un CSS, j'écris #LikeboxPluginPagelet{background-color:red;} et si ce CSS est chargé après celui de FB, je me laisse à croire qu'il n'y a pas de raison que cela ne marche pas. Je me trompe ?
    Christophe (cavo789)
    Développeur d'aeSecure; protection, optimisation et nettoyage (après hack) de sites web Apache https://www.aesecure.com/fr
    Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes

    Commentaire


    • #3
      Re : css facebook, comment overrider ?

      salut cavo,

      je ne savais tout simplement pas comment le surcharger
      j'ai bien trouvé ce qu'il fallait changer, mais quand je le mettais dans template css ça ne le faisait pas
      je vais donc tester ta solution
      aidons nous les uns les autres ...

      http://web54.fr

      Commentaire


      • #4
        Re : css facebook, comment overrider ?

        Envoyé par tataye Voir le message
        j'ai bien trouvé ce qu'il fallait changer, mais quand je le mettais dans template css ça ne le faisait pas
        Si tu as parfaitement ciblé l'élément, il faut t'assurer que c'est ton CSS qui est pris en compte : ton css doit être le dernier chargé.

        Tu peux aussi ajouter un !important pour, un peu, forcer ton style et donc un truc comme :

        Code:
        #LikeboxPluginPagelet{background-color:red !important;}
        Christophe (cavo789)
        Développeur d'aeSecure; protection, optimisation et nettoyage (après hack) de sites web Apache https://www.aesecure.com/fr
        Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes

        Commentaire


        • #5
          Re : css facebook, comment overrider ?

          bon, testé, cela ne fonctionne pas ...
          je l'aurais un jour, je l'aurai !!
          aidons nous les uns les autres ...

          http://web54.fr

          Commentaire


          • #6
            Re : css facebook, comment overrider ?

            Que dit Firebug ? Ton CSS est chargé ? Il est actif ?

            Si ton CSS est chargé mais "barré", c'est donc qu'un autre CSS prend le dessus. Identifie ce css-là et désactive-le via Firebug. Est-ce que ton CSS est alors pris en compte ? Si oui alors bonne nouvelle : c'est "juste" un soucis de priorité. Comme je le mentionnais, ton CSS doit être écrit en dernier ("dernier qui a parlé a raison")
            Christophe (cavo789)
            Développeur d'aeSecure; protection, optimisation et nettoyage (après hack) de sites web Apache https://www.aesecure.com/fr
            Développeur de marknotes, logiciel de gestion de prises de notes avec interface web et de multiples convertisseur https://github.com/cavo789/marknotes

            Commentaire


            • #7
              Re : css facebook, comment overrider ?

              bon, je n'arrive pas à faire charger mon css par mes éléments
              pourtant , firebug trouve fb.css
              je n'ai même pas les éléments barrés.

              procédure :
              avec firebug je change mont css facebook
              je copie et colle dans mon fichier fb.css

              je ne comprends pas que la feuille soit chargée, mais que les class ne prennent pas (même si c'est pas bon dans le hiérarchie)
              aidons nous les uns les autres ...

              http://web54.fr

              Commentaire


              • #8
                Re : css facebook, comment overrider ?

                j'ai trouvé un module 1.5 qui va chercher du css sur le site (dans le module même)
                j'étudie le code et vais voir si je ne peux pas l'appliquer au module 1.7 que j'ai ou si je ne vais pas l'upgrader

                j'ai zyeuté sur le forum, d'autres que moi ont eu ce problème sans solution.
                mais tout le monde ayant un fond blanc , cela ne dérange personne d'habitude quand c'est out of the box
                aidons nous les uns les autres ...

                http://web54.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