Site web sur MAC

**PhilJ** · 23/07/2014, 03h58

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+

**Turandot** · 23/07/2014, 14h37

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

**PhilJ** · 23/07/2014, 16h16

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.

**Turandot** · 23/07/2014, 21h01

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

**PhilJ** · 24/07/2014, 01h19

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.

**Turandot** · 24/07/2014, 12h22

Re : Site web sur MAC

Bonjour,

Voici l'image demandée.

Diane

**PhilJ** · 24/07/2014, 15h03

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.

**Turandot** · 24/07/2014, 15h49

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

**PhilJ** · 24/07/2014, 16h13

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>' :

Activez et enregistrez le plugin, puis vérifiez le site. Ça devrait marcher (sinon je mange mon chapeau !).

**Turandot** · 24/07/2014, 16h56

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

**PhilJ** · 24/07/2014, 17h21

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 2^e 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

**Turandot** · 24/07/2014, 17h40

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

**PhilJ** · 24/07/2014, 18h33

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

**Turandot** · 26/07/2014, 17h22

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

**PhilJ** · 27/07/2014, 01h51

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

Site web sur MAC

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association