Joomladay francophone 2018 à Paris 18 et 19 mai

ja_purity

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

  • [pour info] ja_purity

    Bonjour,

    Je suis un nouvel utilisateur de Joomla. Je suis à apprendre comment manoeuvrer le tout.

    J'ai modifié le template ja_purity avec largeur variable de 80%. Mais je voudrais que le 20% restant soit d'une autre couleur.

    Si je modifie la couleur du fond de body et body#bd mais le header et les pages principales ne change pas. Par contre, en bas de la page la couleur devient la couleur demandée.

    Le sujet doit surement avoir déjà été aborder, mais je n'ai rien vue dans mes recherches.

    Merci si quelqu'un peut m'aider.

    Alain
    Dernière édition par damours à 22/11/2009, 16h44 Raison: Abbandon
    Alain d'Amours
    Notre-Dame de Stanbridge, Québec, Canada

  • #2
    Bienvenue sur le Forum

    Bon, pour commencer, le CSS de Ja_Purity n'est pas des plus évident à comprendre.
    Certains éléments sont définis à la fois dans template.css et dans
    Styles > Background > purewhite ou lighter > style.css

    En tout cas, c'est le cas pour ton problème. #ja-wrapper est défini à ces deux endroits.

    PS : Je te conseille 2 extensions pour Firefox :
    • Web Developer
    • Firebug

    Commentaire


    • #3
      Bonjour,

      J'ai écrit un tuto sur le Ja_Purity qui sera publié incessement sous peu ds aide.joomla.
      Pour changer la couleur de fond, tu dois attaquer deux fichier !

      1 /templates/ja_purity/css/template.css

      #ja-containerwrap2 {
      background-color: #ta_couleur;
      }
      2 /templates/ja_purity/styles/background/ton_style*/style.css

      #ja-containerwrap2 {
      background-color: #ta_couleur;
      }
      Et comme le suggère Dens, utilise Web Developer et Firebug, le "couteau suisse des webmasters"

      @+

      Pierre

      *ton_style : le Ja_purity est livré avec deux style de background :
      Lighter et pureweight. A toi de modifier le fichier CSS du style que tu as choisi.
      Dernière édition par Peter_P à 21/11/2009, 09h13

      Commentaire


      • #4
        Pour laisser un peu d'espace, tu dois aussi rajouter un padding de 10px ds deux fichiers :

        1 /templates/ja_purity/css/template.css

        #ja-container2 {
        padding: 10px;
        background: url(../images/c-bg2.gif) no-repeat 18% 0;
        }
        2 /templates/ja_purity/styles/background/ton_style*/style.css

        #ja-container2 {
        padding: 10px;
        background: url(../images/c-bg2.gif) no-repeat 18% 0;
        }

        Commentaire


        • #5
          Envoyé par Peter_P Voir le message
          Bonjour,

          J'ai écrit un tuto sur le Ja_Purity qui sera publié incessement sous peu ds aide.joomla.
          Pour changer la couleur de fond, tu dois attaquer deux fichier !

          1 /templates/ja_purity/css/template.css



          2 /templates/ja_purity/styles/background/ton_style*/style.css



          Et comme le suggère Dens, utilise Web Developer et Firebug, le "couteau suisse des webmasters"

          @+

          Pierre

          *ton_style : le Ja_purity est livré avec deux style de background :
          Lighter et pureweight. A toi de modifier le fichier CSS du style que tu as choisi.
          Merci

          Cela fonctionne très bien pour les cotés de la page, mais pas pour le header.

          Je vais voir avec les outils Firefox, mais je dois en premier l'installer, car ici (au Québec) tout vient avec Windows donc IE

          Alain.

          PS si vous pouvez m'aider pour le header j'apprécierais
          .
          Alain d'Amours
          Notre-Dame de Stanbridge, Québec, Canada

          Commentaire


          • #6
            Envoyé par damours Voir le message
            Merci

            Cela fonctionne très bien pour les cotés de la page, mais pas pour le header.

            Je vais voir avec les outils Firefox, mais je dois en premier l'installer, car ici (au Québec) tout vient avec Windows donc IE

            Alain.

            PS si vous pouvez m'aider pour le header j'apprécierais
            .
            Oups! Je viens de voir que cela fonctionne sur la page d'accueil, mais pas sur les autres pages!!!
            Comment faire pour que cela soit aussi sur toutes les pages?

            Merci pour votre aide

            Alain
            Alain d'Amours
            Notre-Dame de Stanbridge, Québec, Canada

            Commentaire


            • #7
              Ben pour le header, même topo :

              /templates/ja_purity/styles/header/ton_style*/style.css

              Code:
              #ja-headerwrap (ligne 1) {
              
              background-color: red;
              color: #c3dfed;
              
              }
              Si tu veux enlever l'image aléatoire, supprime ce qu'il y a en rouge :

              <div id="ja-header" class="clearfix"
              style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>)
              no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;"
              >
              Il va te rester le headermask

              supprime ceci

              <div class="ja-headermask">&nbsp;</div>
              @+

              Pierre

              Commentaire


              • #8
                Envoyé par Peter_P Voir le message
                Ben pour le header, même topo :

                /templates/ja_purity/styles/header/ton_style*/style.css

                Code:
                #ja-headerwrap (ligne 1) {
                
                background-color: red;
                color: #c3dfed;
                
                }
                Si tu veux enlever l'image aléatoire, supprime ce qu'il y a en rouge :



                Il va te rester le headermask

                supprime ceci



                @+

                Pierre
                J'ai choisi l'option "ne pas utiliser " pour le style header. Donc je ne peux utiliser le styles/header/monstyle/
                Merci pour l'info pour image aléatoire
                Pour le headermask, je l'avais déjà enlever.

                Donc, il doit y avoir un endroit autre pour changer le header. Ou est c'est endroit? Cela reste un mystère pour moi.

                Merci de continuer à m'aider!

                Alain
                Alain d'Amours
                Notre-Dame de Stanbridge, Québec, Canada

                Commentaire


                • #9
                  /templates/ja_purity/css/template.css


                  #ja-headerwrap {

                  background-color: red;


                  }
                  Merci de continuer à m'aider!
                  Et si tu cherchais un peu par toi même ?

                  Commentaire


                  • #10
                    Envoyé par Peter_P Voir le message
                    /templates/ja_purity/css/template.css


                    Et si tu cherchais un peu par toi même ?
                    C'est exactement ce que je fait, chercher par moi-même. C'est d'ailleurs de cette façon que j'ai changer la couleur du header avant. Je suis même a installer Firefox, mais j'ai un léger conflit avec IE. (Bill Gates n'aime vraiment pas que l'on tente de se débarrasser de lui.)

                    Comme Dens le disais
                    Bon, pour commencer, le CSS de Ja_Purity n'est pas des plus évident à comprendre.
                    Mais comme je l'avais dit, cela change la couleur totale, donc le 20% du reste aussi.

                    Étant donné qu'il n'est pas simple, mais vraiment bien fait (à mon avis). j'aimerais pouvoir l'ajuster comme il faut, et il reste à résoudre le problème de changer toutes les pages.

                    Alors, si cela est possible, j'aimerais pouvoir contineur a recevoir de l'Aide.

                    Merci

                    Alain
                    Alain d'Amours
                    Notre-Dame de Stanbridge, Québec, Canada

                    Commentaire


                    • #11
                      Envoi un lien vers ton site STP

                      Commentaire


                      • #12
                        Envoyé par Peter_P Voir le message
                        Envoi un lien vers ton site STP
                        Désolé mais le site est sur un serveur local seulement.

                        Alain
                        Alain d'Amours
                        Notre-Dame de Stanbridge, Québec, Canada

                        Commentaire


                        • #13
                          Après une nuit a regarder à la loupe les css avec firefox je déclare forfait et je vais prendre un autre template.

                          Si quelqu'un peut en suggérer un de plus modifiable j'apprécierais beaucoup.

                          Merci de ton aide Peter

                          Alain
                          Alain d'Amours
                          Notre-Dame de Stanbridge, Québec, Canada

                          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