Changer la couleur de fond et de la Police du contenu d'un iframe

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

  • Changer la couleur de fond et de la Police du contenu d'un iframe

    Bonjour,

    J'ai des agenda google intégré en iframe sur quelques pages du site que j'administre mais je n'aime pas les couleurs de base de l'agenda google car elles ne s'intègrent pas avec les couleurs du template.
    J'ai bine compris comment changer quelques couleurs directement dans les paramètres de l'agenda google lui même mais on ne peut pas tout changer.

    J'ai trouvé cette vieille discussion qui s'appliquait à joomla 1.x mais je vois pas dans quel fichier css du templte il faut que je colle ce code et d'ailleurs est il toujours d'actualité:


    J'ai aussi essayer d'ajouter un style="background-color: #0d7813; dans le code iframe mais ça ne met pas le fond en vert

    Bref je sèche
    Dernière édition par boz37 à 14/09/2017, 14h49 Raison: Correction faute de frappe dans le titre

  • #2
    Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

    Bonjour,

    Il faut récupérer les sélecteurs CSS avec un inspecteur de code.
    Puis dans le fichier "custom.css" ou équivalent, ajouter les règles CSS

    Une URL pour vous aider ?
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

      Re,

      Ouahou déjà une réponse

      Bon par contre je ne sais pas ce que c'est qu'un sélecteur CSS donc vous n'allez pas m'apprécier si vous devez tout m'expliquer

      Vous voulez l'url du site en question c'est ça ?

      @+

      Commentaire


      • #4
        Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

        Vous voulez l'url du site en question c'est ça ?
        oui, c'est mieux surtout pour expliquer

        un sélecteur CSS, c'est par exemple .sidebar pour cibler la colonne de coté
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

          Re,

          Ok, donc oui des .sidebar ou autre j'en ai vu plein dans les fichier css de mon template et du coup le "." je me demandais si ce n'était pas une "norme plus ressente donc qe ke code que j'avais trouvé pour joomla 1.x donc j'avais ajouté un "." devant "iframe" mais bine evidemment ça n'a pas fonctionné...

          En bas de ces 2 pages, il y a les calendrier Google:



          je souhaite changer au moins le fond qui est actuellement bleu pâle et a police bleu foncée.
          Du style, le fond bleu clair par le vert du site et la police bleu foncée par du blanc mais ça c'est accessoire, le principal est de comprendre comment faire et ensuite je ferais des essais pour voir ce qui va le mieux

          Le template est celui là https://warptheme.com/joomla-templat...omla-template/
          j l'ai en version 1.0.2 car je n'avais pas vu qu'il y avait eu des mises à jour mais je pense pas que ça soit important pour le moment sauf si dans les change log il y a un truc important pour mon problème du jour

          Merci @+

          Commentaire


          • #6
            Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

            Il faut ajouter les règles suivantes dans le fichier custom (pour warp, je ne connais pas):

            /* le cadre en vert */
            #calendarContainer1, .wk-weektop, .wk-dummyth, .ui-rtsr-selected, .ui-rtsr-unselected {
            background-color: #4FBF70;
            color: #fff;
            }
            /* les jour en blanc*/
            .wk-daylink {
            color: #fff;
            }
            /* aujourdhui en bleu */
            .wk-dayname.wk-today span {
            color: blue;
            }

            pour obtenir ceci :
            Cliquez sur l'image pour l'afficher en taille normale

Nom : google-calendar-vert.jpg 
Affichages : 1 
Taille : 35,1 Ko 
ID : 1806418
            Dernière édition par lomart à 14/09/2017, 10h18
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Changer la couleur de fond et de la Poilce du contenu d'un iframe

              Re,

              Désolé pour le retard, j'étais en RDV chez un client

              je ne m'attendais pas à une telle réponse, ça sent la maitrise du css
              Bon par contre je ne dois pas faire ce qu'il faut car ça ne fonctionne pas

              Le fichier custom de mon Template ressemble à ça maintenant:
              Code:
              /* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */
              
              /* ========================================================================
                 Use this file to add custom CSS easily
               ========================================================================== */
               
               /* le cadre en vert */
              #calendarContainer1, .wk-weektop, .wk-dummyth, .ui-rtsr-selected, .ui-rtsr-unselected {
              background-color: #4FBF70;
              color: #fff;
              }
              /* les jour en blanc*/
              .wk-daylink {
              color: #fff;
              }
              /* aujourdhui en bleu */
              .wk-dayname.wk-today span {
              color: blue;
              }
              J'ai vidé le cache de Joomla et de cache de mon navigateur, j'ai texté sur Firefox , IE et Edge et ça fait pareil

              @+

              Commentaire


              • #8
                Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                Bon par contre je ne dois pas faire ce qu'il faut car ça ne fonctionne pas
                Non, tout est parfait
                Par contre la feuille de style ne se charge pas sans que je comprenne pourquoi. La maitrise a ses limites

                Il faudrait supprimer tout dans custom.css (sauf l'entête) et mettre uniquement

                #calendarContainer1 { background-color: #4FBF70; }
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                  Mettre plutôt .view-container-border à la place de #calendarContainer1
                  UP, le plugin universel à découvrir sur https//up.lomart.fr
                  bgMax
                  , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                  Commentaire


                  • #10
                    Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                    Re,

                    Ca fait pareil
                    que ça soit avec
                    #calendarContainer1 { background-color: #4FBF70; }
                    Ou
                    .view-container-border { background-color: #4FBF70; }
                    Je fait ces modifs avec Notepad++ et je renvoie le fichier par ftp sur l'espace d'hébergement mais j'ai vu que depuis joomla je peux modifier aussi des trucs dans le template, je peux aussi le faire par là si nécessaire.
                    D'ailleurs, dans la partie " Templates : Modifier le style", j'ai un onglet "layout" ou je peux personnaliser des blocs portant les noms de position du template et l'un d'eux est celui où les article s'affiche.
                    Il y a une case "Custom CSS Class" sous laquelle il est écrit "If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file."
                    Cliquez sur l'image pour l'afficher en taille normale

Nom : 2017-09-14 16_05_28-Templates _ Modifier le style - Foyer Rural de Cormeilles en Vexin - Adminis.jpg 
Affichages : 1 
Taille : 19,7 Ko 
ID : 1806419
                    Faut il du coup appeler une partie du css custom ou quelque chose du genre pour qu'il se charge ?

                    @+
                    Dernière édition par boz37 à 14/09/2017, 15h13

                    Commentaire


                    • #11
                      Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                      Faut il du coup appeler une partie du css custom ou quelque chose du genre pour qu'il se charge ?
                      Non ce qui est bizarre, c'est que le fichier se charge bien mais le navigateur ne le prend pas en compte

                      Il doit y avoir un compresseur de fichier intégré. Est-il possible de l'annuler ou de forcer la compilation ?
                      UP, le plugin universel à découvrir sur https//up.lomart.fr
                      bgMax
                      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                      Commentaire


                      • #12
                        Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                        j'vais passer pour un gros naze mais c'est quoi un compresseur de fichier intégré et l'histoire de la compilation ?

                        Pour info, je n'ai aucun composant, module, ou plugin additionnel sur ce site, il y a juste le template qui a été ajouté
                        Dernière édition par boz37 à 14/09/2017, 15h28

                        Commentaire


                        • #13
                          Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                          Je pense que warp embarque un programme (compresseur) qui optimise les fichiers.
                          Sur cette page, il montre comment le régler : https://yootheme.com/themes/warp-framework
                          UP, le plugin universel à découvrir sur https//up.lomart.fr
                          bgMax
                          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                          Commentaire


                          • #14
                            Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                            j'ai trouvé ça dans "Templates : Modifier le style"

                            mais c'est déjà inactif, idem pas de compression active dans les paramètres système de joomla
                            P'tain si c'est le template qui fou la merde c'est dommage

                            Commentaire


                            • #15
                              Re : Changer la couleur de fond et de la Police du contenu d'un iframe

                              On va contourner le problème !

                              Vous installer ce plugin sur votre site : https://lomart.fr/extensions/custom-css

                              Vous mettez perso.css dans la zone site et vous l'activer

                              Dans le dossier /templates/wt_nature_free/css/ vous créez avec notepad un fichier perso.css contenant les règles que j'ai indiquées
                              UP, le plugin universel à découvrir sur https//up.lomart.fr
                              bgMax
                              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X