Site web sur MAC

[Turandot]

Re : Site web sur MAC

Merci pour toutes ces suggestions!

Comme je commence à comprendre un peu mieux le langage de ce Template, je me suis même permis quelques petits ajustements (ex. même code de couleur bleu partout). Pourquoi sur la page d'accueil, "sorties estivales" est resté en gris?

Est-il possible avec Joomla 3.3.3 de mettre un menu de module en sous-menu d'un autre? Exemple: je voudrais mettre "Atelier - photos prises" en sous-menu de "Formation et Atelier". Bien entendu, si un membre clique sur Formation... il aurait accès au sous-menu Atelier - photos prises.

Pour ce qui est de l'image du logo non centrée, cela ne fonctionne pas mais ce n'est pas grave. Nous avons une experte en photoshop au club qui va reprendre le header et intégrer le logo dedans.

J'ai ouvert une nouvelle discussion car j'ai un petit problème depuis la mise à jour de 3.3.1 à 3.3.3 faite hier... Si vous regardez la page d'accueil sous Je vends... j'ai un message d'erreur concernant le email. J'ai ce message d'erreur à quelques places et je ne l'avais pas avant la mise à jour. Pourquoi?

Je crois bien que je vais avoir terminé après ces petits ajustements sauf si je découvre de petits bugs...

Diane

[PhilJ]

Re : Site web sur MAC

Bonjour Diane,

Pour ce qui est de l'image du logo non centrée, cela ne fonctionne pas mais ce n'est pas grave. Nous avons une experte en photoshop au club qui va reprendre le header et intégrer le logo dedans.

...Ne lui donnez pas cette peine : en fait, vous n'avez pas copié correctement le code proposé. Il y a un point (.) devant leftcol (c'est la syntaxe CSS, ce n'est pas une fantaisie de ma part).

La façon correcte d'identifier le container leftcol est

.leftcol

et non pas

leftcol

Par ailleurs, réflexion faite, ce code-ci devrait mieux convenir :

.leftcol img {
display: block;
margin: 0 auto;
}

Comme je commence à comprendre un peu mieux le langage de ce Template, je me suis même permis quelques petits ajustements (ex. même code de couleur bleu partout). Pourquoi sur la page d'accueil, "sorties estivales" est resté en gris?

...Mêmes causes, mêmes effets : sans le point initial devant le nom des containers, l'interpréteur de votre navigateur ne peut pas comprendre les propriétés. Il estime donc que votre code est défectueux et n'en tient aucun compte.

=> Recopiez très exactement les lignes suivantes, cette fois sans rien changer, et surtout sans enlever les points :


/* 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;
}

Est-il possible avec Joomla 3.3.3 de mettre un menu de module en sous-menu d'un autre? Exemple: je voudrais mettre "Atelier - photos prises" en sous-menu de "Formation et Atelier".

Cette possibilité dépend du template. => Le mieux est d'essayer — mais j'ai des doutes dans le cas d'un menu latéral. En cas d'impossibilité, il vous faudra mobiliser une extension spécialisée capable de le faire.

Bien entendu, si un membre clique sur Formation... il aurait accès au sous-menu Atelier - photos prises.

« Bien entendu » dites-vous, « si ... » : il paraît que l'optimisme fait vivre, mais à votre place je ne ferais pas cela, car l'expérience montre que lorsque le survol d'un lien de menu fait apparaître un sous-menu, le lien de menu parent n'est presque jamais cliqué (les visiteurs explorent les liens du sous-menu, et ne « voient » donc pas que le lien parent est lui aussi cliquable).

=> Essayez plutôt ceci (si des sous-menus sont effectivement possibles dans un module latéral avec ce template particulier) :

Formation et Atelier
|_ Formation
|_ Atelier - photos prises

Dans cette configuration, le lien parent (= 'Formation et Atelier') est un lien de menu de type Séparateur (donc non cliquable). Vous trouverez ce type de lien dans le groupe 'Liens divers', tout à la fin de la liste des types de liens. Les deux liens en sous-menu, en revanche, pointent quant à eux sur les articles 'Formation' et 'Atelier - photos prises', comme maintenant.



Bon dimanche,



PhilJ

[PhilJ]

Re : Site web sur MAC

Attention : vous avez deux balises <H1> sur chacune de vos pages.

Par exemple, en page d'accueil : "Accueil' + 'Association des photographes artisans de Laval'.

En principe, les moteurs de recherche s'attendent à une <H1> par page, pas davantage.

=> Si le référencement compte à vos yeux, il faudrait rétrograder le titre 'Association des photographes...' en <H2>.

[Turandot]

Re : Site web sur MAC

?%$/"

Où voyez-vous ça????

Diane

[PhilJ]

Re : Site web sur MAC

...Vous venez de retirer le mot 'Accueil' en p. d'accueil .

En revanche, regardez les autres pages. Par exemple /rencontres, /programmation ou /formation...


EDIT 19h57 heure française : le mot 'Accueil' vient de revenir en p. d'accueil (j'ai du mal à suivre ).

[Turandot]

Re : Site web sur MAC

... (j'ai du mal à suivre ) ... moi aussi

Ne vous inquiétez pas, le header va être réduit par l'experte en Photoshop. Mais il va être tellement beau ce site quand il sera terminé... grâce à vous!

2 questions:
1. Où trouver les codes de couleur des têtes de menus qui sont à gauche et à droite? J'ai beau regardé dans le Template mais je ne les vois pas.

2. Le Template est en 2 sections. Partie supérieure, gris moyen et partie inférieure grise foncée. La partie supérieure du Template en gris moyen pourrait-elle être réduite en hauteur?

Diane

[PhilJ]

Re : Site web sur MAC

Re,

1. Où trouver les codes de couleur des têtes de menus qui sont à gauche et à droite?

Voilà la totalité des codes définis pour les en-têtes des modules latéraux (menus ou autres).

Dans custom.css :

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

Dans template.css :

1. Ligne 376 :

.maincol h3,
.maincol h3 a {
color: #888888;
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 13px;
font-weight: 700;
padding: 0;
text-align: left;
vertical-align: middle;
}

2. Ligne 332 :

.leftcol h3,
.rightcol h3,
.leftcol h3 a,
.rightcol h3 a {
background: url("../images/box_h3.png") no-repeat scroll center top transparent;
color: #ffffff !important;
font-family: Verdana,Tahoma,sans-serif;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 30px;
margin: 0 auto;
padding: 0 0 0 40px;
text-align: center !important;
}

____________________

En ROUGE : propriétés non appliquées.
En VERT : la couleur de police appliquée actuellement, autrement dit #ccc.

Si vous souhaitez une couleur plus brillante, essayez #ddd, ou même #eee dans le custom.css. Faites des essais. Vous pouvez bien sûr définir n'importe quelle autre couleur (je ne vous conseille toutefois pas le blanc pur (= #fff), car le contraste sur le fond presque noir sera alors très / trop élevé).

IMPORTANT (c'est le cas de le dire) : n'oubliez surtout pas l'attribut !important (avec un point d'exclamation collé devant le mot important), car, en l'occurrence, sans lui votre modification ne sera pas prise en compte.

2. Le Template est en 2 sections. Partie supérieure, gris moyen et partie inférieure grise foncée. La partie supérieure du Template en gris moyen pourrait-elle être réduite en hauteur?

La hauteur de l'en-tête (header) est définie ligne 89 du template.css :

header {
background: url("../images/headerimg-APAL.jpg") no-repeat scroll center top transparent;
height: 450px;
margin: 0 auto;
position: relative;
width: 980px;
}

Comme vous voyez, cette zone d'en-tête a pour dimensions (largeur X hauteur) : 980 px X 450 px.

=> Pour répondre à votre question :

Oui, vous pouvez diminuer la hauteur de l'en-tête en agissant sur la valeur de height de header (actuellement, height: 450px). Mais bien sûr la hauteur de votre image devra elle aussi être réduite en conséquence, sinon elle sera coupée dans sa partie inférieure.

Par exemple, si, dans le custom.css, vous ajoutez cette ligne :

header {
height: 350px; /* au lieu de 450px */
}

...autrement dit si vous réduisez la hauteur de l'en-tête de 100 px, la hauteur de votre image devrait elle aussi être réduite de 100 px. Donc elle devra avoir comme hauteur : 508 – 100 = 408 px.

La largeur, quant à elle, devra bien sûr rester inchangée : 980 px.


_____________________________

A noter aussi, pour tout bien comprendre :

L'image (= headerimg-APAL.jpg) est de fait plus haute que la zone header : 508 px. Cet excès s'explique notamment par le fait que, dans le template original, et avec l'image originale (= headerimg.jpg), le menu horizontal et le champ de recherche viennent en superposition dans une zone de forme lenticulaire très foncée de l'image, donnant l'impression que le menu et le champ de recherche sont « dans » l'image. Cette impression ne se fait plus vraiment ressentir avec votre image, dans la mesure où celle-ci ne comporte plus de « lentilles » en haut et en bas. D'où l'effet obtenu : le menu et le champ 'Recherche' viennent par dessus l'image, comme dans le template original, mais sans l'effet d' « inclusion visuelle » qui était donnée avec l'image d'origine. Cela dit, ce n'est pas un reproche du tout (si vous voulez reproduire l'effet d'inclusion en question avec votre nouvelle image, il faut tout simplement lui ajouter des lentilles foncées en haut et en bas, voilà tout).

[Turandot]

Re : Site web sur MAC

Fantastique!

J'ai réduit l'entête, j'ai remonté le topmenu en insérant le code dans le custom.css. Et mon experte en Photoshop va modifier le Headerimg.

Je viens de comprendre que ce n'est pas la couleur du texte mais la couleur de la petite boîte et j'ai trouvé l'image box_h3.png.

Merci encore... vous ne dormez pas... je crois que vous êtes en plein milieu de la nuit chez vous...

Diane

[PhilJ]

Re : Site web sur MAC

... vous ne dormez pas... je crois que vous êtes en plein milieu de la nuit chez vous...

...Non non : j'habite sur Mars, et on a de la chance aujourd'hui, il fait un grand soleil.

[Turandot]

Re : Site web sur MAC

Et bien moi, il fait noir et c'est le temps du dodo...

Dernière question avant la nuit.... Pourquoi, dans le menu à propos de nous, Conseil d'administration, si quelqu'un qui utilise Chrome et clique sur le nom d'un membre, une page web s'ouvre ainsi que le courriel? Moi avec Explorer et/ou Firefox, je n'ais pas ce problème.

Bonne nuit! Diane

[PhilJ]

Re : Site web sur MAC

Pourquoi, dans le menu à propos de nous, Conseil d'administration, si quelqu'un qui utilise Chrome et clique sur le nom d'un membre, une page web s'ouvre ainsi que le courriel? Moi avec Explorer et/ou Firefox, je n'ai pas ce problème.

...Le problème est identifié depuis pas mal de temps et est manifestement propre à Chrome, un navigateur 'made in Google' qui préfère manifestement se connecter à un compte gmail plutôt que d'ouvrir un client de messagerie local (Windows Mail, Outlook Express...), d'où l'ouverture par défaut d'un nouvel onglet.

Aucun souci en revanche avec Internet Explorer (évidemment), Firefox (idem, pour une autre raison), et Safari. Opera quant à lui ouvre intelligemment une boîte de dialogue permettant de faire un choix, qui peut être enregistré.

[Turandot]

Re : Site web sur MAC

Merci, c'est clair.

J'ai une autre petite question...

Pourquoi le nom du site Association des photographes artisans de Laval n'est pas centré? Il y a presque ,5cms de différence entre le côté gauche et le côté droit.

Diane