Nouveau visuel skitour

Là, pour le coup, les (trois) sorties de la semaines (avec les photos) prennent vraiment trop de place.... je trouve 😜 . Disons qu'on leur donne trop de place (sur l'écran) et donc d'importance

C'est aussi ce que je me disais ce matin, ça prend de la place... J'ai donc déduit à 2 le nombre de sorties "à la une"
Cependant il faut voir plusieurs choses :
- la première, c'est pas forcément mis en place pour les acharnés qui campent sur skitour, mais aussi pour les plus occasionnels à qui ça permettra de ne pas manquer les plus belles sorties
- Ensuite, ça poussera à faire des efforts de rédaction, de scénarisation et de photo pour être à la une (l'objectif, c'est bien de gagner en qualité)
- Enfin, en pleine saison, quand il y aura 100 courses par jour, 3 courses à la une, ça sera pas de trop 😉

De toute façon le système est amené à évoluer, toujours.

Clément Pernet a dit :Je profite de la refonte graphique pour cette suggestion: ça serait sympa d'avoir une meilleure gestion des largeurs des boites (...)

Oui, je suis pleinement d'accord. Ça fait longtemps que j'y pense mais j'ai un soucis technique à régler, faut que je prenne le temps d'y réfléchir. Si je passe en pourcentages (ex 2*20% pour les boites et 60% pour le centre), quid des espaces entre les boites qu'il faut que je fixe en px pour que ça soit propre). Si il y a un pro du CSS dans la salle... 🙄

Une remarque technique sur la consultation du matos, très bonne par ailleurs : quand on fait le comparatif, il s'opère sur toutes les solutions, mais la ligne de titre en haut disparait au défilement en lecture, si on pouvait faire la même opération que figer les volets sous excel, ce serait le top !

Jeroen a dit :Oui, je suis pleinement d'accord. Ça fait longtemps que j'y pense mais j'ai un soucis technique à régler, faut que je prenne le temps d'y réfléchir. Si je passe en pourcentages (ex 2*20% pour les boites et 60% pour le centre), quid des espaces entre les boites qu'il faut que je fixe en px pour que ça soit propre). Si il y a un pro du CSS dans la salle... 🙄
Pourquoi ne veux pas les gérer également en pourcentage (margin et padding) ? Par contre j'agrandirais la police pour les très grands affichages parce qu'au bout d'un moment ça fait long la ligne à lire... ;)

_pierre_ a dit :Par contre j'agrandirais la police pour les très grands affichages
Ctrl+roulette de la souris

Jeroen a dit :Si je passe en pourcentages (ex 2*20% pour les boites et 60% pour le centre), quid des espaces entre les boites qu'il faut que je fixe en px pour que ça soit propre).
Il suffit d'utiliser le pading de la colonne centrale pour ça (j'ai remplacé les accolades par des crochets vu qu'il y a un conflit avec les liens vers le dico...) :

#col_gauche, #col_droite [
width: 20%;
]

#cadre_small [
width: auto; /* faut supprimer la règle existante en fait */
]

#col_centre [
margin: 0 20%;
padding: 0 10px;
]

Pour les marges dans la fenêtre, il faut faire du responsive design :

/* specific rules for smartphones and tablets - max width <= 1000px */
@media screen and (max-width:1000px)
[
#page [
width: 100%;
min-width: 800px;
]
]

/* specific rules for screen larger than 1000px */
@media screen and (min-width:1000px)
[
#page [
width: 90%;
max-width: 1400px;
]
]

Evidemment Bubu, travailler les margin en % et les padding en px, c'est une bonne solution, idem pour la marge gauche et droite !
Merci d'être passé 😉

En place, ça a été un peu plus long que prévu, les 150 images qui tournent en haut à gauche ont du être retaillées 😉

Ah, 150 images ! J'étais en train de les compter 😄 (je suis très fier d'en avoir qq unes à moi qui y traînent 🤭) ; question : choisies par les admins ?

Jeroen a dit :En place
J'ai oublié : pour une transition douce (quand on élargit la fenêtre à la main par exemple), il faut ajouter un min-width :

@media screen and (min-width: 1000px) [
#page [
max-width: 1400px;
min-width: 1000px;
width: 90%;
]
]

Rémo Barbaruli a dit : question : choisies par les admins ?
280 photos actuellement en fait, effectivement choisies par les admins. On se réunit une fois par semaine en congrès extraordinaire et on passe toutes les photos une à une jusqu'à trouver l'élue 😉

Ça doit être chaud ces séminaires, avec les photos des Philippe Bocquet, PatdeGap, Etienne -H-, et j'en oublie, la concurrence est rude... 😉

plusieurs fois, j'ai voulu cliquer sur le logo "Skiour 100% ski de rando" pour revenir sur la page d’accueil, mais il n'y a pas de lien. il faut aller viser le accueil pour trouver le lien.

Bon bah nickel la largeur! Bravo le chef! C'est cool d'avoir la photo plus grande.
Et sinon, concernant la deuxième partie de ma remarque: la date des entrées des forums, actu, etc... qui bouffent beaucoup de largeur pour rien.
C'est juste une idée comme ça, mais as-tu essayé de faire des blocs de couleur différents par date et la date sur une ligne normale aligné à droite par exemple...
Bon après je ne saurai pas le faire, donc c'est juste pour te donner du grain à moudre en attendant la neige 😉