Re : Partage et feedback thème
Hello,
J'invite les membres monxoops.fr à donner votre avis, remarques et suggestions à propos du site http://www.golfbeynes.com/ comme le demande son auteur.
Merci pour lui.
Alain
J'invite les membres monxoops.fr à donner votre avis, remarques et suggestions à propos du site http://www.golfbeynes.com/ comme le demande son auteur.
Merci pour lui.
Alain
Re : Projets en cours
Hello,
le projet en cours est un tuto...
... sur l'utilisation de CodePen.
Cela peut être très intéressant pour vous à plus d'un titre, pour tester vos articles et pages sans devoir valider un article puis revenir modifier, pour tester vos innovations qui pourraient impacter tout votre site (ajout de librairie javascript, css...)
Il peut être également intéressant pour que vous puissiez nous montrer votre problématique via CodePen sans pour autant nous montrer votre site web privé ou en cours de réalisation.
Vous avez une petite idée de ce que l'on peut faire ici ou là.
Qu'en pensez-vous ?
le projet en cours est un tuto...
... sur l'utilisation de CodePen.
Cela peut être très intéressant pour vous à plus d'un titre, pour tester vos articles et pages sans devoir valider un article puis revenir modifier, pour tester vos innovations qui pourraient impacter tout votre site (ajout de librairie javascript, css...)
Il peut être également intéressant pour que vous puissiez nous montrer votre problématique via CodePen sans pour autant nous montrer votre site web privé ou en cours de réalisation.
Vous avez une petite idée de ce que l'on peut faire ici ou là.
Qu'en pensez-vous ?
Re : Personnalisation des boutons (Bootstrap)
Oui mieux.
Mais sur ta page, il te reste à régler le problème de la largeur en mode smartphone.
J'ai traité (en partie) ce problème sur cette page.
Mais sur ta page, il te reste à régler le problème de la largeur en mode smartphone.
J'ai traité (en partie) ce problème sur cette page.
Re : Personnalisation des boutons (Bootstrap)
Normal,
tu mélanges les choses...
Regarde les boutons comment ils sont construit : https://getbootstrap.com/docs/4.6/components/buttons/
Tu ne lis pas correctement cette page et en plus tu mélanges tag "a" et tag "button".
Tu n'as pas besoin de mettre les deux, d'une part donc c'est l'un ou l'autre, pas les deux,
et d'autre part, tu oublies un élément dans ton < a >.
Une classe... et un type...
je te laisse chercher laquelle...
tu mélanges les choses...
Regarde les boutons comment ils sont construit : https://getbootstrap.com/docs/4.6/components/buttons/
Tu ne lis pas correctement cette page et en plus tu mélanges tag "a" et tag "button".
Tu n'as pas besoin de mettre les deux, d'une part donc c'est l'un ou l'autre, pas les deux,
et d'autre part, tu oublies un élément dans ton < a >.
Une classe... et un type...
je te laisse chercher laquelle...
Re : Partage et feedback thème
1 - Logo
Ton logo est sombre sur une barre sombre donc il faudrait soit avoir une version plus claire de ton logo (voir si c'est officiellement possible), soit l'entourer d'un cercle ou carré de couleur plus claire
2 - Menu
Je suppose qu'une fois connecté, le sous-menu "Compte" dispose de sous éléments tels que profils, mot de passe...
Mais en mode visiteur, le sous-menu n'a pas lieu d'être puisqu'il n'y a que "Connexion".
Il faudrait donc plutôt effectuer un test smarty du genre :
Si !membre
alors afficher "Connexion"
Sinon Afficher "Compte" (puis sous-menu "Profil", "mot de passe"...
3 - Bouton loupe
il y a un très léger décalage avec la zone de saisie (le bouton descend un peu trop)
Lol, je sais... mais je l'ai vu
4 - Slider
4a- légendes
Tes légendes sont parfois trop sombres (noir avec fond noir) ("Pitch et Putt" "Parcours")
Je vois que tu utilises du blanc ou du noir pour le titre,
Peut-être que tu peux essayer le blanc cassé, même couleur que le fond de ton cadre "A propos de nous"
Regarde, sur https://www.agopc.ch/ nous avons ajouté un fond semi-transparent derrière la légende.
4b - le bouton "Lire la suite"
Il faut ajouter une classe quand tu es en sm (ou md ?) car le bouton dans ce cas touche l'image par le haut, c'est pas très beau
Soit tu peux l'ajouter quelque soit la largeur : class="mb-2"
Soit tu ajoutes un espace vers le bas uniquement quand tu es en largeur sm et moins large : class="mb-sm-2"
5 - Texte "A propos de nous"
Sans doute utilise des < br /> pour séparer certaines phrases afin d'avoir une meilleure sensation de lecture côté utilisateur.
Par exemple :
Bienvenue sur le site du Golf Club de Beynes. < br / >
<br />Bonne visite et à bientôt.
Mise en gras : le Golf Club de Beynes
6 - Actualité :
6a - hauteur des résumés
Essaye d'avoir la même hauteur pour le résumé.
Soit via ton texte, soit via du code ("h-100" peut-être).
6b- Cadre pour le nombre de vues.
Vire le code "badge-secondary" et vois si c'est mieux, ou ajoute un fond plus sympa
7 - Calendrier
Quand tu passes de l'index à "actualité", tu n'as aucune différence de largeur
Quand tu passes au calendrier, tu verras un décalage de largeur (se repérer avec le logo par exemple)
8 - Le bureau
8-a Hauteur cadre (mail)
Tu as des membres avec mail d'autres non,
essaye d'unifier tes cadres.
Tu peux par exemple ajouter un mail désactivé pour les membres n'ayant pas de mail
< a class="card-link disabled" ...> par exemple
ou avec un texte et une classe "muted"
8-b hauteur cadre 'Nom et prénom"
Certains passent sur une ligne d'autres sur 2.
Il y a plusieurs techniques mais la plus simple est d'imposer Prénom puis dessous Nom
Au moins tu auras tes cadres tous identiques
8-c : Centrage des cadres
en mode sm et en dessous, il faudrait centrer tes cadres, sans doute < div class="row justify-content-center" >
8-d Photos
Oui, je sais, je suis tatillon, mais je te livre ma remarque en l'état, lol :
Le mieux serait que les cadrages des photos soient proches,
C'est à dire si tu prends comme base la moitié de l'épaule, fais le pour chaque photo (Photo du Pro Conor).
Evidemment, ce n'est pas obligatoire, mais cela donne de la cohérence et l'impact visuel est plus "Pro" et esthétique.
Regarde ce que l'on a fait ici : AGOPPC
9 - Menu
9a- Position
Est-ce un choix de ne pas afficher le menu quand on utilise l'ascenseur, qu'il soit attaché au container ?
Tu peux par exemple utiliser le mode sticky (mieux que "fixed")
9b: On devrait pouvoir avoir le cadre du menu sur "Actualité" quand on est sur une page d'actualité.
C'est assez facile à faire. Si tu n'y arrives pas, on pourra en reparler...
On peut en voir une version encore sur le site AGOPC
regarde les boutons à droite dans le menu (Home / Actu / agenda )
10 - Footer
Tu as des soucis de centrage.
Normal,
la version 2 corrige notamment un problème sur le footer.
Bon, ben c'est tout pour l'instant ! lol
Ton logo est sombre sur une barre sombre donc il faudrait soit avoir une version plus claire de ton logo (voir si c'est officiellement possible), soit l'entourer d'un cercle ou carré de couleur plus claire
2 - Menu
Je suppose qu'une fois connecté, le sous-menu "Compte" dispose de sous éléments tels que profils, mot de passe...
Mais en mode visiteur, le sous-menu n'a pas lieu d'être puisqu'il n'y a que "Connexion".
Il faudrait donc plutôt effectuer un test smarty du genre :
Si !membre
alors afficher "Connexion"
Sinon Afficher "Compte" (puis sous-menu "Profil", "mot de passe"...
3 - Bouton loupe
il y a un très léger décalage avec la zone de saisie (le bouton descend un peu trop)
Lol, je sais... mais je l'ai vu
4 - Slider
4a- légendes
Tes légendes sont parfois trop sombres (noir avec fond noir) ("Pitch et Putt" "Parcours")
Je vois que tu utilises du blanc ou du noir pour le titre,
Peut-être que tu peux essayer le blanc cassé, même couleur que le fond de ton cadre "A propos de nous"
Regarde, sur https://www.agopc.ch/ nous avons ajouté un fond semi-transparent derrière la légende.
4b - le bouton "Lire la suite"
Il faut ajouter une classe quand tu es en sm (ou md ?) car le bouton dans ce cas touche l'image par le haut, c'est pas très beau
Soit tu peux l'ajouter quelque soit la largeur : class="mb-2"
Soit tu ajoutes un espace vers le bas uniquement quand tu es en largeur sm et moins large : class="mb-sm-2"
5 - Texte "A propos de nous"
Sans doute utilise des < br /> pour séparer certaines phrases afin d'avoir une meilleure sensation de lecture côté utilisateur.
Par exemple :
Bienvenue sur le site du Golf Club de Beynes. < br / >
<br />Bonne visite et à bientôt.
Mise en gras : le Golf Club de Beynes
6 - Actualité :
6a - hauteur des résumés
Essaye d'avoir la même hauteur pour le résumé.
Soit via ton texte, soit via du code ("h-100" peut-être).
6b- Cadre pour le nombre de vues.
Vire le code "badge-secondary" et vois si c'est mieux, ou ajoute un fond plus sympa
7 - Calendrier
Quand tu passes de l'index à "actualité", tu n'as aucune différence de largeur
Quand tu passes au calendrier, tu verras un décalage de largeur (se repérer avec le logo par exemple)
8 - Le bureau
8-a Hauteur cadre (mail)
Tu as des membres avec mail d'autres non,
essaye d'unifier tes cadres.
Tu peux par exemple ajouter un mail désactivé pour les membres n'ayant pas de mail
< a class="card-link disabled" ...> par exemple
ou avec un texte et une classe "muted"
8-b hauteur cadre 'Nom et prénom"
Certains passent sur une ligne d'autres sur 2.
Il y a plusieurs techniques mais la plus simple est d'imposer Prénom puis dessous Nom
Au moins tu auras tes cadres tous identiques
8-c : Centrage des cadres
en mode sm et en dessous, il faudrait centrer tes cadres, sans doute < div class="row justify-content-center" >
8-d Photos
Oui, je sais, je suis tatillon, mais je te livre ma remarque en l'état, lol :
Le mieux serait que les cadrages des photos soient proches,
C'est à dire si tu prends comme base la moitié de l'épaule, fais le pour chaque photo (Photo du Pro Conor).
Evidemment, ce n'est pas obligatoire, mais cela donne de la cohérence et l'impact visuel est plus "Pro" et esthétique.
Regarde ce que l'on a fait ici : AGOPPC
9 - Menu
9a- Position
Est-ce un choix de ne pas afficher le menu quand on utilise l'ascenseur, qu'il soit attaché au container ?
Tu peux par exemple utiliser le mode sticky (mieux que "fixed")
9b: On devrait pouvoir avoir le cadre du menu sur "Actualité" quand on est sur une page d'actualité.
C'est assez facile à faire. Si tu n'y arrives pas, on pourra en reparler...
On peut en voir une version encore sur le site AGOPC
regarde les boutons à droite dans le menu (Home / Actu / agenda )
10 - Footer
Tu as des soucis de centrage.
Normal,
la version 2 corrige notamment un problème sur le footer.
Bon, ben c'est tout pour l'instant ! lol
Re : Partage et feedback thème
Salut RM,
Ton site est très clair, très épuré, très agréable à parcourir.
Cela fait plaisir de voir un beau site XOOPS bien organisé et totalement responsive.
Un beau travail a été effectué. Bravo !
Merci pour ton retour très positif sur le tuto "Comprendre le thème xSwatch4".
C'est vrai qu'on a y a passé du temps pour le réaliser mais je pense que ceux et celles qui prennent le temps de le lire pourront produire un site avec un design maîtrisé, esthétique et responsive.
Maintenant, je te propose un feedback plus pointu, non pas sur tout ce qui fonctionne bien, je viens d'en parler plus haut,
mais plutôt sur de petites améliorations que tu peux apporter à ton site, même s'il est est très bien comme cela, en toute honnêteté.
Evidemment, tu auras sans doute l'impression que ne t'aurai pas épargné mais c'est juste mon œil exercé qui remarque (presque) tout, sans pour autant que cela impacte la visite de ton site web.
La suite au prochain post (pour ma part)...
Ton site est très clair, très épuré, très agréable à parcourir.
Cela fait plaisir de voir un beau site XOOPS bien organisé et totalement responsive.
Un beau travail a été effectué. Bravo !
Merci pour ton retour très positif sur le tuto "Comprendre le thème xSwatch4".
C'est vrai qu'on a y a passé du temps pour le réaliser mais je pense que ceux et celles qui prennent le temps de le lire pourront produire un site avec un design maîtrisé, esthétique et responsive.
Maintenant, je te propose un feedback plus pointu, non pas sur tout ce qui fonctionne bien, je viens d'en parler plus haut,
mais plutôt sur de petites améliorations que tu peux apporter à ton site, même s'il est est très bien comme cela, en toute honnêteté.
Evidemment, tu auras sans doute l'impression que ne t'aurai pas épargné mais c'est juste mon œil exercé qui remarque (presque) tout, sans pour autant que cela impacte la visite de ton site web.
La suite au prochain post (pour ma part)...
Re : Présentations des images dans les news
Citation :
Oui, car le container utilisé n'est pas le vrai mais pour ton thème, tu verras, ça sera impeccable.
Par contre en mode smartphone, tes cadres sortent de mon écran.
See the Pen Test-lumiere-de-france-btn by alain01 (@alain01) on CodePen.
Re : Impossible d'afficher un captcha
Citation :
Il est fort ce Greg !
Ouiiii, RM, pose ta demande (issue)
Grégory M a écrit :
si tu penses qu'il serait intéressant de pouvoir choisir dans les préférence du module alors écrit un petit billet ici pour que j'y pense pour une futur version:
https://github.com/GregMage/xmcontact/issues
Il est fort ce Greg !
Ouiiii, RM, pose ta demande (issue)
Re : Impossible d'afficher un captcha
De plus, après notre demande pour le problème d'écrasement de configuration (voir Difficulty to update XOOPS automatically (hard modified files)),
Richard, le master du donjon XOOPS a modifié le core pour ne pas écraser notre config en cas de mise à jour du noyau.
Voir Don't overwrite configuration data on upgrades.
Donc avec la version XOOPS 2.5.11 (en cours de dév.), nous n'aurons plus d'effet de bord d'écrasement de notre fichier config.php après une mise à jour.
Elle est pas belle la vie ?
Je vais donc modifier le tuto Configurer le captcha de XOOPS pour indiquer qu'avec la version XOOPS 2.5.11, il n'y a plus de problème d'écrasement de fichiers de config.
Richard, le master du donjon XOOPS a modifié le core pour ne pas écraser notre config en cas de mise à jour du noyau.
Voir Don't overwrite configuration data on upgrades.
Donc avec la version XOOPS 2.5.11 (en cours de dév.), nous n'aurons plus d'effet de bord d'écrasement de notre fichier config.php après une mise à jour.
Elle est pas belle la vie ?
Je vais donc modifier le tuto Configurer le captcha de XOOPS pour indiquer qu'avec la version XOOPS 2.5.11, il n'y a plus de problème d'écrasement de fichiers de config.
