En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Politique de confidentialité.

 

clos par Katryne le 09/09/2014 @ 05:04  Sujet n° 186

le 02/04/2014 @ 07:40
par Katryne

Katryne



Bonjour Sabine !
Séquence nostalgie pour cette vieille peau ...
Je reviens sur ce site que j'ai réalisé pour le club de ping-pong il y a quelques temps. Je suis en train de le reconstruire après un crash du serveur il y a 2 jours. Tout n'est pas encore opérationnel, mais ça commence à revenir.
Puisque je me penche de nouveau dessus, je voudrais ton conseil.
Dans cette skin un peu datée, les colonnes sont bien étroites. Le président du club insiste pour y mettre la boîte qui contient le tableau du calendrier des championnats. J'avais réduit la taille de police pour que ça rentre dans le cadre, mais les visiteurs se sont plaints que c'était trop petit et il a réaugmenté la taille de police.
J'envisage donc d'adapter la taille des colonnes au contenu.
Comment dois-je m'y prendre ? Faudrait-il que je fasse une skin en 1280 avec des colonnes de 200px ? que je diminue les margins de la boîte centrale ? Que je fasse une colonne large et une étroite ? Que je ...  ?????
Merci de ton avis.
Site web Katryne
sujet clos Haut  

Réponse n° 1
--------
le 02/04/2014 @ 17:31
par Sabine

Sabine



Bonsoir Katryne,

C'est vraiment une vieille peau ! y

Il faudrait que je passe du temps dessus pour te répondre et j'en manque un peu en ce moment. Le problème de cette skin, c'est qu'elle est assez rigide.

J'ai fait un essai, on peut agrandir #leftside et #rightside à 190px (pas plus pour 1024px).

Je pense que tu peux faire les modifications que tu cites. Évidemment, en 1280px, ça te laisse plus de latitude pour agrandir les colonnes latérales.

Sabine
Site web Sabine
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 2
--------
le 03/04/2014 @ 15:13
par Katryne

Katryne

visiteur

Merci Sabine, de ton temps de ta disponibilité.

J'ai proposé 2 solutions au "proprio", une en 1024 en passant seulement la colonne rouge en 200px. L'autre en 1280 avec chacune des 2 colonnes en 220.
Çà change un peu le look, car j'ai élargi le header et il a pris aussi de la hauteur. Donc, on trouve le contenu beaucoup plus bas.
Je verrai ce qu'il décide.

A ce sujet, et de façon plus générale, saurais-tu comment on peut implémenter un lien "skip to content" qui s'impose parfois en présence des magnifiques headers d'une demi-page qui équipent bien souvent nos sites actuellement ?
Nous avons en effet des lecteurs pressés, efficaces ou peu intéressés par les enjolivements : ils veulent aller direct à l'essentiel.
Site web Katryne
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 3
--------
le 03/04/2014 @ 16:30
par Sabine

Sabine



Bonsoir Katryne,

En 4.6, je ne sais pas comment on peut faire pour le lien qui mène directement au contenu (à part peut-être placer une ancre au début de chaque page  avec des liens qui mènent à ces ancres ???).

En 5.0, avec les configurations secondaires, tu peux construire comme un 2è site, très épuré, avec seulement les textes... et bien sûr un lien dans la configuration principale qui mène à la configuration secondaire... enfin, il faut voir le contenu du site.

Je n'ai pas encore essayé, mais je pense qu'avec le fonctionnement des configurations secondaires, on peut créer un site mobile "très mobile" sans image ou très peu, et sans devoir créer un autre site, en reprenant les mêmes boîtes mais en leur donnant un aspect très épuré. (avec les nouvelles classes, c'est très facile à faire dans style.css).

Sabine
Site web Sabine
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 4
--------
le 03/04/2014 @ 18:32
par Katryne

Katryne

visiteur

Voilà,  cela faisait des mois que je cherchais et j'ai fini par trouver : j'ai mis un lien vers MainContent dans une boîte libre et je l'ai placée à gauche du menu, tout en haut. C'est là : http://katryne.legtux.org/
Voilà mon lien :
 
Code : xhtml
<p><a href="#MainContent">Skip to Content</a>;</p>
 
Quand on clique dessus, on arrive bien juste au début du contenu : on saute le menu, le logo,le fil d'Ariane, les citations et les titres de boîte.
Là, je voulais que le lien soit bien visible. Mais en général c'est un outil d'accessibilité et cela sert pour les lecteurs de texte des déficients visuels, donc c'est invisible pour le commun des mortels. Certains "skip to content" ne s'affichent que lorsqu'une navigation au clavier est détectée.

J'ai encore un souci pour tout styler la boîte : elle garde le style général d'une boîte libre et des liens. Tu m'expliqueras 100 fois que je serai encore comme une poule qui a trouvé un couteau.
Site web Katryne
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 5
--------
le 04/04/2014 @ 08:22
par Katryne

Katryne

visiteur

Bon anniversaire à 4avril.com et à toi aussi si c'est aussi le jour.
Site web Katryne
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 6
--------
le 04/04/2014 @ 08:41
par Sabine

Sabine



Merci Katryne ! ... et oui, c'est aussi le jour ! e

Sabine
Site web Sabine
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 7
--------
le 04/04/2014 @ 12:30
par ptitstrucs

ptitstrucs

visiteur

Bonjour Sabine,
Je fais comme notre amie Kateryne, je vous souhaite un bon anniversaire et plein de bonnes choses pour vous et votre site...

Stéphane e

Longue vie pour le site de Sabine...

Site web ptitstrucs
clos par Katryne le 09/09/2014 @ 05:04 Haut  
Réponse n° 8
--------
le 05/04/2014 @ 07:32
par Sabine

Sabine



Bonjour Stéphane,

Merci ! e

Sabine
Site web Sabine
clos par Katryne le 09/09/2014 @ 05:04 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 4.6 » vos questions » Janvier46