Site web sur MAC

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

  • #16
    Re : Site web sur MAC

    => DEUXIEME ÉTAPE :

    Quelques propositions de modifications :



    body { /* général */
    color: #ddd; /* # 777 */
    line-height: 1.6em; /* # 1.3 */
    }

    .module_menu .menu li a span,
    .module .menu li a span { /* menu latéral gauche > liens de menu */
    font-size: 13px; / # 11 /
    }

    .maincol .cont { /* contenu */
    font-size: 14px; /* # 11 */
    }

    .leftcol h3,
    .rightcol h3,
    .leftcol h3 a,
    .rightcol h3 a { /* en-têtes des modules latéraux */
    color: #ccc !important; /* #fff */
    font-size: 14px; /* # 12 */
    padding-left: 0; /* # 40px */
    }

    h1 {
    color: #eee; /* # 666 */
    }

    .items-row .item h2,
    .items-row .item h2 a { /* titres en bleu */
    font-size: 20px;
    }



    Légende :

    # Différence. Par exemple color: #ddd; /* # 777 */ signifie que la valeur 777 de la couleur est changée en ddd.


    Vous pouvez coller la version ci-dessus dans le custom.css que vous enverrez sur votre site, ou bien, si vous préférez, vous pouvez utiliser cette version décommentée :

    ________________

    body {
    color: #ddd;
    line-height: 1.6em;
    }

    .module_menu .menu li a span,
    .module .menu li a span {
    font-size: 13px;
    }

    .maincol .cont {
    font-size: 14px;
    }

    .leftcol h3,
    .rightcol h3,
    .leftcol h3 a,
    .rightcol h3 a {
    color: #ccc !important;
    font-size: 14px;
    padding-left: 0;
    }

    h1 {
    color: #eee;
    }

    .items-row .item h2,
    .items-row .item h2 a {
    font-size: 20px;
    }

    ________________

    Il y a certainement d'autres choses à modifier (et vous pouvez aussi, grâce aux commentaires ci-dessus, modifier mes propositions)...


    A+
    Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

    Commentaire


    • #17
      Re : Site web sur MAC

      Bonjour,

      Première étape...

      J'ai suivi toutes vos instructions mais question...

      "Recommandé, une fois le plugin activé et enregistré : déplacez le plugin en fin de liste." Je ne suis pas certaine de bien comprendre... en fin de liste de quoi exactement. Je vois que c'est un plugin system donc est-ce que c'est de le mettre le dernier des plugins system? Actuellement c'est ce que j'ai fait mais sans être certaine que c'est cela que je devais faire...

      "De cette façon, il chargera la feuille custom.css après template.css, et il aura de ce fait le dernier mot" Encore là, je ne suis pas certaine d'avoir bien fait. Avec Filezilla, j'ai placé la feuille custom.css dans le dossier templates/siteground-j16-42/css mais elle se place avant la feuille template.css simplement pas respect de l'ordre alphabétique... c avant t...

      Deuxième étape...

      J'ai collé la version commentée (j'aime bien car cela me montre les changements apportés) dans le custom.css et ai sauvegardé le tout mais je ne vois pas de changements sur le site. Donc probablement que c'est dû à une erreur faite dans la première étape...

      Ciao, Diane

      Commentaire


      • #18
        Re : Site web sur MAC

        Bonjour,


        Envoyé par Turandot Voir le message
        [...] Avec Filezilla, j'ai placé la feuille custom.css dans le dossier templates/siteground-j16-42/css mais elle se place avant la feuille template.css simplement pas respect de l'ordre alphabétique... c avant t...
        ...Le plugin permettra que le site charge la feuille custom.css après template.css (cela n'a rien à voir avec l'ordre alphabétique des noms de fichiers). Pour voir l'ordre de chargement, c'est très simple : il suffit de faire apparaître source d'une page de votre site (raccourci clavier : CTRL+U).

        On devrait avoir :

        <head>
        ...
        <link rel="stylesheet" href="/joomla33/templates/siteground-j16-42/css/template.css
        " type="text/css" />
        ...
        <link rel="stylesheet" href="/joomla33/templates/siteground-j16-42/css/custom.css
        " type="text/css" />
        </head>

        A l'heure actuelle en l'occurrence, custom.css n'est pas du tout chargé. Donc, soit il n'est pas sur le serveur (ou bien il est sur le serveur mais pas dans le bon dossier), soit le plugin n'est pas activé ou n'est pas correctement configuré.

        Mais je le vois sur le serveur.

        Donc le plus probable est que le chemin vers la nouvelle feuille de style est incorrect. C'est très possible dans la mesure où le site est installé dans un sous-dossier d'un sous-domaine.

        => Essayez de remplacer templates/siteground-j16-42/css/custom.css par joomla33/templates/siteground-j16-42/css/custom.css.

        => En cas d'insuccès, mettez le lien en dur : http://joom33.clubapal.com/joomla33/...css/custom.css.
        Dernière édition par PhilJ à 23/07/2014, 16h18
        Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

        Commentaire


        • #19
          Re : Site web sur MAC

          Bonjour,

          J'ai tout essayé y compris en cas d'insuccès mais cela reste un insuccès. Mystère! Diane

          Commentaire


          • #20
            Re : Site web sur MAC

            Envoyé par Turandot Voir le message
            J'ai tout essayé y compris en cas d'insuccès mais cela reste un insuccès. Mystère! Diane
            ...Pouvez-vous poster ici une ou plusieurs copies d'écran de la configuration du plugin ? Pour cela, passez en mode avancé dans votre réponse.

            Alternativement, si vous avez un compte Facebook, téléchargez 'Open Potion Head and Body' : http://www.openpotion.com/website-de...oomla/#plugins.

            Si aucune des deux actions n'est possible, revenez par ici. Nous ferons encore autrement.
            Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

            Commentaire


            • #21
              Re : Site web sur MAC

              Bonjour,

              Voici l'image demandée.Cliquez sur l'image pour l'afficher en taille normale

Nom : Add custom system.jpg 
Affichages : 1 
Taille : 62,2 Ko 
ID : 1803584

              Diane

              Commentaire


              • #22
                Re : Site web sur MAC

                Bonjour,


                Tout paraît correct. Bizarre bizarre...

                Essayez :
                /joomla33/templates/siteground-j16-42/css/custom.css

                ou
                /templates/siteground-j16-42/css/custom.css


                Différence avec vos essais infructueux précédents : présence d'un slash initial.

                ...Si aucune des solutions n'est acceptée, avez-vous un compte Facebook pour télécharger l'autre plugin ? Si oui, téléchargez-le et installez-le. Sinon, faites-le moi savoir afin d'adopter une autre extension.
                Dernière édition par PhilJ à 24/07/2014, 15h07
                Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                Commentaire


                • #23
                  Re : Site web sur MAC

                  Bonjour,

                  J'ai désinstallé le plugin et l'ai réinstallé à nouveau puis, j'ai essayé les 2 chemins mentionnés puis rien...

                  Oui j'ai un Facebook https://www.facebook.com/diane.larocque.140 Et de quel autre plugin parlez-vous?

                  Ciao, Diane

                  Commentaire


                  • #24
                    Re : Site web sur MAC

                    Envoyé par Turandot Voir le message
                    Oui j'ai un Facebook
                    ...Alors c'est parfait :

                    Nous allons utiliser cet autre plugin, déjà signalé plus haut en page 2 : 'Open Potion Head and Body'.

                    Pour le télécharger vous devez disposer d'un compte FB. Lien de téléchargement : http://www.openpotion.com/website-de...oomla/#plugins.


                    Installez-le et placez cette ligne dans la zone 'Just before </head>' :

                    <link rel="stylesheet" href="/joomla33/templates/siteground-j16-42/css/custom.css" type="text/css" />

                    Activez et enregistrez le plugin, puis vérifiez le site. Ça devrait marcher (sinon je mange mon chapeau !).
                    Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                    Commentaire


                    • #25
                      Re : Site web sur MAC

                      Eureka!

                      Ne mangez pas votre chapeau car cela fonctionne!

                      Le texte des articles est maintenant blanc au lieu du gris pâle. Par contre, pourquoi sur la page d'accueil, la police est-elle plus grosse que dans les articles de toutes les autres sections?

                      Autres questions:

                      1. Devrais-je désinstaller add custom css alors puisqu'il n'est pas utile?

                      2. Pourquoi sur la page d'accueil, les sous-titres ne sont pas en bleu comme sur les autres pages?

                      3. Si vous êtes sur la page d'accueil, les titres des modules sont centrés. Par contre, si vous êtes sur une autre page, les titres des modules glissent vers la droite. Pourquoi?

                      Merci, Diane
                      Dernière édition par Turandot à 24/07/2014, 17h09

                      Commentaire


                      • #26
                        Re : Site web sur MAC

                        Envoyé par Turandot Voir le message
                        Eureka!

                        Ne mangez pas votre chapeau car cela fonctionne!
                        ...Ah ! Ouf ! Je ne vous cache pas que je redoutais de n'avoir que mon couvre-chef pour seul plat ce soir.


                        Le texte des articles est maintenant blanc au lieu du gris pâle. Par contre, pourquoi sur la page d'accueil, la police est-elle plus grosse que dans les articles de toutes les autres sections?

                        Autre question: si vous êtes sur la page d,accueil, les titres des modules sont centrés. Par contre, si vous êtes sur une autre page, les titres des modules glissent vers la droite. Pourquoi?
                        Concernant ce 2e point : c'est peut-être normal (faites CTRL+F5 pour recharger la page tout en vidant le cache de votre navigateur).

                        Plus généralement : je vous avais dit que les premières modifications introduites dans cette nouvelle feuille de style ne seraient probablement pas suffisantes.

                        Si vous avez encore un peu de patience, nous pourrons maintenant intervenir uniquement sur le custom.css.

                        En priorité, je vous propose de changer d'abord l'aspect des textes, liens et titres / sous-titres.

                        => Si vous pouvez, faites un relevé aussi complet que possible des modifications que vous souhaitez, toujours en indiquant la page et le texte concerné (ou du moins les premiers mots du texte concerné).


                        A bientôt,



                        PhilJ
                        Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                        Commentaire


                        • #27
                          Re : Site web sur MAC

                          Oh super!

                          Avec CTRL+F5, tout se replace. Devrais-je le faire régulièrement?

                          Je vais valider tout ce qui pourrait m'intéresser pour le custom.css et je vous reviens plus tard.

                          Par ailleurs, autre question non en lien avec le custom.css...
                          Regarder le site www.clubapal.com Module Remise pour jugement à droite. En saison, c'est un compteur à rebours indiquant il reste xxx jours et xxx heures avant de remettre votre photo pour un jugement. Cela fonctionne avec GCalendar (mod_gcalender_next). Comme j'ai appris sur le site de Joomla que GCalendar ne fonctionnerait plus en novembre 2014, j'ai téléchargé DpCalendar (Module A Venir DPCalendar). Mais les paramètres de Gcalendar et de DPCalendar sont vraiment différents aussi je n'arrive à inscrire le message pour la période hors saison ni à déterminer un compteur de jours et heures éventuels. Pouvez-vous m'aider à ce sujet?

                          Diane

                          Commentaire


                          • #28
                            Re : Site web sur MAC

                            Envoyé par Turandot Voir le message
                            Avec CTRL+F5, tout se replace. Devrais-je le faire régulièrement?
                            Comme je sais que vous aimez bien les explications ( ) :

                            • Touche F5 : recharge / rafraîchit le contenu de la page (mais pas toujours « le CSS »).
                            • Combinaison de touche CTRL+F5 : idem, mais en vidant le cache du navigateur. Cela peut être nécessaire (notamment selon le navigateur utilisé) si le navigateur a conservé des directives CSS en mémoire cache.
                            • CTRL+MAJ+SUPPR + case 'Cache' cochée : idem, mais nettoyage en profondeur. Cette 'tornade blanche' n'est vraiment utile qu'en cas de taches rebelles.



                            Je vais valider tout ce qui pourrait m'intéresser pour le custom.css et je vous reviens plus tard.
                            ...OK. Prenez votre temps pour faire cette liste.

                            Juste un petit conseil : éviter le blanc pur (= code #fff), car sur le fond noir pur de votre site, le contraste sera très élevé et l'oeil en prendra un sérieux coup :-\
                            => Préférez les gris très (voire très très) clairs = quasi-blancs-mais-pas-blancs : #eee, #ddd, ou même #ccc.

                            Pour les titres, un contraste un peu plus élevé que pour les textes / paragraphes est bien sûr possible et tout à fait logique.


                            Par ailleurs, autre question non en lien avec le custom.css... [...] Module Remise pour jugement à droite. En saison, c'est un compteur à rebours indiquant il reste xxx jours et xxx heures avant de remettre votre photo pour un jugement. Cela fonctionne avec GCalendar (mod_gcalender_next). Comme j'ai appris sur le site de Joomla que GCalendar ne fonctionnerait plus en novembre 2014, j'ai téléchargé DpCalendar (Module A Venir DPCalendar). Mais les paramètres de Gcalendar et de DPCalendar sont vraiment différents aussi je n'arrive à inscrire le message pour la période hors saison ni à déterminer un compteur de jours et heures éventuels. Pouvez-vous m'aider à ce sujet? Diane
                            ...Je crois qu'il existe pour votre CMS favori des extensions spécialisées dans le « compte à rebours », mais pour obtenir des renseignements à ce sujet je vous suggère plutôt de créer un nouveau fil de discussion (d'autant que je viens d'éviter de justesse de manger mon chapeau, et que je ne voudrais pas à nouveau à faire face au même péril ). Avec un titre « bien senti », c.-à-d. bien explicite, vous obtiendrez certainement les réponses que vous attendez.



                            A+



                            PhilJ
                            Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                            Commentaire


                            • #29
                              Re : Site web sur MAC

                              Bonjour,

                              Merci pour toutes les infos. Une nouvelle discussion est ouvert pour le problème de calendrier.

                              Pour le custom.css, voici mes questions en vue d'ajustements:

                              1. Pourquoi sur la page d'accueil, les sous-titres ne sont pas en bleu comme sur les autres pages?

                              2. Pourquoi sur les autres pages que la page d'accueil, la grosseur de la police n'est pas la même que sur la page d'accueil. Je souhaiterais que cela soit pareil.

                              3. Pourquoi la grosseur de la police n'est pas la même dans les modules de droite que celle des modules à gauche?

                              4. Pourrais-je centrer le logo de l'APAL dans le 1er module de gauche?

                              5. Où trouver le numéro de la couleur de fond des modules à gauche. Je voudrais que le fond du logo soit pareil. J'ai le fichier .png du logo sans fond mais Joomla ne l'accepte pas.

                              6. Quand je reçois un article écrit par un membre du club en format word, puis-je le coller dans Joomla ou aurais-je des problèmes divers Word vs Joomla?

                              Merci, Diane
                              Dernière édition par Turandot à 26/07/2014, 19h19

                              Commentaire


                              • #30
                                Re : Site web sur MAC

                                Bonjour,


                                Envoyé par Turandot Voir le message
                                1. Pourquoi sur la page d'accueil, les sous-titres ne sont pas en bleu comme sur les autres pages?
                                ...Parce que ce ne sont pas les sous-titres d'un même article — comme c'est le cas sur d'autres pages — mais les titres des différents articles du blog d'accueil.

                                => Ajoutez ceci au fichier custom.css si vous souhaitez que ces titres d'articles de blog ressemblent à vos sous-titres dans les autres pages :

                                /* Titres des articles en blog */

                                .maincol h2,
                                .maincol h2 a {
                                color: #1f79eb;
                                font-family: 'Droid Serif',serif;
                                font-size: 20px;
                                font-weight: 700;
                                }
                                .items-row .item h2, .items-row .item h2 a {
                                font-size: 20px;
                                font-weight: 700;
                                color: #1f79eb;
                                }


                                2. Pourquoi sur les autres pages que la page d'accueil, la grosseur de la police n'est pas la même que sur la page d'accueil. Je souhaiterais que cela soit pareil.
                                => Pour ce qui est de la taille des caractères du texte courant (paragraphes), remplacez la directive de votre custom.css :

                                .module_menu .menu li a span,
                                .module .menu li a span { /* menu latéral gauche > liens de menu */
                                font-size: 13px; / # 11 /
                                }

                                par :

                                .module_menu .menu li a span,
                                .module .menu li a span,
                                .cont p
                                { /* menu latéral gauche > liens de menu + paragraphes */
                                font-size: 13px; / # 11 /
                                }

                                Vous pouvez aussi ajouter font-size: 13px; dans la première directive du custom.css :

                                body { /* général */
                                color: #ddd; /* # 777 */
                                line-height: 1.6em; /* # 1.3 */
                                font-size: 13px; /* # 11 */
                                }


                                3. Pourquoi la grosseur de la police n'est pas la même dans les modules de droite que celle des modules à gauche?
                                ...Parce qu'à gauche, en page d'accueil, vous avez mis des modules de menu (taille 13px), tandis qu'à droite vous avez mis un module 'Last news' (= « Prochaine rencontre », taille 12px).

                                => Si vous souhaitez que la taille de la police des liens à droite soit la même que la taille de la police des liens de menus à gauche, vous pouvez utiliser cette modification :

                                .rightcol ul.latestnews li a,
                                .rightcol ul.latestnews li a:link {
                                font-size: 13px;
                                }

                                ...mais il est plus simple de reprendre la modification du point 2 ci-dessus pour obtenir :

                                .module_menu .menu li a span,
                                .module .menu li a span,
                                .cont p
                                ,
                                .rightcol ul.latestnews li a,
                                .rightcol ul.latestnews li a:link
                                { /* menu latéral gauche > liens de menu + paragraphes + liens de 'Latest news' */
                                font-size: 13px; / # 11 ou 12 /
                                }


                                4. Pourrais-je centrer le logo de l'APAL dans le 1er module de gauche?
                                => Ajouter ceci au custom.css :

                                .leftcol img { /* Image centrée dans le module latéral gauche */
                                display: block;
                                text-align: center;
                                }

                                5. Où trouver le numéro de la couleur de fond des modules à gauche. Je voudrais que le fond du logo soit pareil. J'ai le fichier .png du logo sans fond mais Joomla ne l'accepte pas.
                                ...C'est bizarre. Le mieux serait de déposer votre PNG en pièce jointe ici (en mode avancé). Sinon, vous pouvez changer la couleur de fond de votre logo JPG (= actuellement #434142) en #222222 (ou #222 en écriture abrégée).


                                6. Quand je reçois un article écrit par un membre du club en format word, puis-je le coller dans Joomla ou aurais-je des problèmes divers Word vs Joomla?
                                ...En théorie oui, à condition d'utiliser l'icône Word de votre éditeur. Alternativement, si vous voulez être absolument certaine qu'aucun code parasite de Word ne vienne s'incruster dans vos documents, le plus sûr est de faire séjourner le texte de votre correspondant quelques secondes dans un éditeur de texte basique tel quel le Bloc Notes (Notepad) ou Notepad2 ou Notepad++ : (1) copiez le texte depuis le document Word de votre correspondant, (2) collez-le dans l'éditeur de texte, puis dans l'autre sens : (3) copiez le texte depuis l'éditeur de texte, (4) collez-le dans l'éditeur de Joomla.

                                Évidemment, une autre solution consisterait à permettre à vos adhérents de vous proposer eux-mêmes leurs articles depuis le frontoffice Joomla (mais encore faudra-t-il alors leur expliquer qu'il faut éviter de coller leur article de Word vers Joomla !).


                                Cordialement,



                                PhilJ
                                Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                                Commentaire

                                Annonce

                                Réduire
                                Aucune annonce pour le moment.

                                Partenaire de l'association

                                Réduire

                                Hébergeur Web PlanetHoster
                                Travaille ...
                                X