Les forums / BDTheque v3 (enfin !)

>> pol avait écrit : >> >> Alix avait écrit : >> >> >> Alix... ça marche pas du tout sur Safari (j'ai pas le dernière version certes) mais sur la mienne le titre et les étoiles sont par dessus la couv. J'essaye de te faire une capture d'écran Salut à tous, sur mon iPad, ça s'affiche exactement comme l'a décrit pol... Par contre, mon profil fonctionne très bien maintenant sur mon iPad !

>> Alix avait écrit : >> >> Alix avait écrit : >> >> >> Alix avait écrit : >> >> >> >> Mac Arthur avait écrit : >> >> >> >> >> Alix avait écrit : >> >> >> >> >> >> Mac Arthur avait écrit : >> >> >> >> >> >> >> Alix avait écrit : >> >> >> >> >> >> >> POURQUOI PAS ?! >> >> >> >> >> >> >> >> >> >> >> >> T'es fâché ? Pourquoi tu cries ? >> >> >> >> >> >> >> >> >> >> Ben ? je plaisantais. T'es bien sensible toi pour un our >> >> >> >> >> >> >> >> Un our, des ours ? >> >> >> >> >> >> Oups >> >> >> >> >> >> >> (Sinon oui, je suis sensible, surtout des oreilles ) >> >> >> >> >> >> Mine on peut plus mettre de tag HTML sur le forum, sinon j'aurais ecrit en tout petit pour faire une super blague >> >> >> >> Ah ben si on peut en fait >> >> Vraiment quelle quiche ce webmaster

>> Alix avait écrit : >> >> Alix avait écrit : >> >> >> Mac Arthur avait écrit : >> >> >> >> Alix avait écrit : >> >> >> >> >> Mac Arthur avait écrit : >> >> >> >> >> >> Alix avait écrit : >> >> >> >> >> >> POURQUOI PAS ?! >> >> >> >> >> >> >> >> >> >> T'es fâché ? Pourquoi tu cries ? >> >> >> >> >> >> >> >> Ben ? je plaisantais. T'es bien sensible toi pour un our >> >> >> >> >> >> Un our, des ours ? >> >> >> >> Oups >> >> >> >> >> (Sinon oui, je suis sensible, surtout des oreilles ) >> >> >> >> Mine on peut plus mettre de tag HTML sur le forum, sinon j'aurais ecrit en tout petit pour faire une super blague >> >> Ah ben si on peut en fait Vraiment quelle quiche ce webmaster

>> Alix avait écrit : >> >> Mac Arthur avait écrit : >> >> >> Alix avait écrit : >> >> >> >> Mac Arthur avait écrit : >> >> >> >> >> Alix avait écrit : >> >> >> >> >> POURQUOI PAS ?! >> >> >> >> >> >> >> >> T'es fâché ? Pourquoi tu cries ? >> >> >> >> >> >> Ben ? je plaisantais. T'es bien sensible toi pour un our >> >> >> >> Un our, des ours ? >> >> Oups >> >> >> (Sinon oui, je suis sensible, surtout des oreilles ) >> >> Mine on peut plus mettre de tag HTML sur le forum, sinon j'aurais ecrit en tout petit pour faire une super blague Ah ben si on peut en fait

>> Mac Arthur avait écrit : >> >> Alix avait écrit : >> >> >> Mac Arthur avait écrit : >> >> >> >> Alix avait écrit : >> >> >> >> POURQUOI PAS ?! >> >> >> >> >> >> T'es fâché ? Pourquoi tu cries ? >> >> >> >> Ben ? je plaisantais. T'es bien sensible toi pour un our >> >> Un our, des ours ? Oups >> (Sinon oui, je suis sensible, surtout des oreilles ) Mine on peut plus mettre de tag HTML sur le forum, sinon j'aurais ecrit en tout petit pour faire une super blague

>> Alix avait écrit : >> >> Mac Arthur avait écrit : >> >> >> Alix avait écrit : >> >> >> POURQUOI PAS ?! >> >> >> >> T'es fâché ? Pourquoi tu cries ? >> >> Ben ? je plaisantais. T'es bien sensible toi pour un our Un our, des ours ? (Sinon oui, je suis sensible, surtout des oreilles )

>> Mac Arthur avait écrit : >> >> Alix avait écrit : >> >> POURQUOI PAS ?! >> >> T'es fâché ? Pourquoi tu cries ? Ben ? je plaisantais. T'es bien sensible toi pour un our

>> Alix avait écrit : >> POURQUOI PAS ?! T'es fâché ? Pourquoi tu cries ?

>> Ryle avait écrit : >> >> Alix avait écrit : >> >> Tronquer, j'ai aussi essayé (mais coté serveur, limit de tant de characteres avec PHP). >> >> Oui, c'etait plus joli, mais bon le but de ce truc est de voir les titres quand meme... passer la souris dessus, oui, mais ca sera pas forcement tres visible... et pas possible sur tablettes. >> >> Non mais serieux hein, ca fait 2 jours que je teste des tas de facons de faire ca, j'ai meme passe en revue tous les gros editeurs de BDs pour voir comment ils font >> >> Merci pour le code en tout cas, je vais quand meme reflechir a tout ca ! >> >> Avantage de tronquer en css, c'est que c'est le navigateur qui estime s'il est nécessaire de tronquer ou non en fonction de l'affichage de l'utilisateur. Et tu peux aussi détecter la taille de l'écran pour savoir si tu appliques la règle ou pas. Comme ça tu peux indiquer au navigateur de tronquer uniquement si l'utilisateur a une résolution PC où il est facile de passer la souris dessus pour déclencher un popover, et pas sur tablette & smartphone ou le titre est complet (et sans doute moins gênant qu'il soit sur plusieurs lignes puisque tu affiches moins d'album par ligne) ... >> >> M'enfin à toi de voir, c'est qu'une suggestion >> >> De toute façon en ce qui me concerne je ne fais que squatter le forum et ne vais pas sur les pages concernées ;p POURQUOI PAS ?!

>> Alix avait écrit : >> Tronquer, j'ai aussi essayé (mais coté serveur, limit de tant de characteres avec PHP). >> Oui, c'etait plus joli, mais bon le but de ce truc est de voir les titres quand meme... passer la souris dessus, oui, mais ca sera pas forcement tres visible... et pas possible sur tablettes. >> Non mais serieux hein, ca fait 2 jours que je teste des tas de facons de faire ca, j'ai meme passe en revue tous les gros editeurs de BDs pour voir comment ils font >> Merci pour le code en tout cas, je vais quand meme reflechir a tout ca ! Avantage de tronquer en css, c'est que c'est le navigateur qui estime s'il est nécessaire de tronquer ou non en fonction de l'affichage de l'utilisateur. Et tu peux aussi détecter la taille de l'écran pour savoir si tu appliques la règle ou pas. Comme ça tu peux indiquer au navigateur de tronquer uniquement si l'utilisateur a une résolution PC où il est facile de passer la souris dessus pour déclencher un popover, et pas sur tablette & smartphone ou le titre est complet (et sans doute moins gênant qu'il soit sur plusieurs lignes puisque tu affiches moins d'album par ligne) ... M'enfin à toi de voir, c'est qu'une suggestion De toute façon en ce qui me concerne je ne fais que squatter le forum et ne vais pas sur les pages concernées ;p

>> Alix avait écrit : Alix... ça marche pas du tout sur Safari (j'ai pas le dernière version certes) mais sur la mienne le titre et les étoiles sont par dessus la couv. J'essaye de te faire une capture d'écran

>> Ryle avait écrit : >> >> Alix avait écrit : >> >> M'en parle pas. Je coince sur cette decision depuis deux jours >> >> Le souci, c'est que le titre tiens sur 1, 2 ou 3 lignes, selon la serie... or souvent il y a juste UN titre plus long par ligne, et du coup ca decalait TOUTES les notes vers le bas, pour UN titre, et ca faisait super vide... c'etait encore pire quand UN titre faisait 3 lignes, et les autres 1 ligne... >> >> Du coup j'ai pris la decision d'avoir ce titre qui "bouffe" la couv... mais je suis d'accord que c'est pas parfait non plus >> >> A voir si c'est intéressant ou pas, mais tu pourrais forcer l'affichage du titre sur une seule ligne (ce qui conviendrait pour la grande majorité) et le tronquer pour ceux qui dépassent en mettant le titre complet en title/tooltip pour l'avoir en passant la souris dessus ? >> >> figcaption span.my-1 { >> text-overflow: ellipsis; >> overflow: hidden; >> white-space: nowrap; >> } Tronquer, j'ai aussi essayé (mais coté serveur, limit de tant de characteres avec PHP). Oui, c'etait plus joli, mais bon le but de ce truc est de voir les titres quand meme... passer la souris dessus, oui, mais ca sera pas forcement tres visible... et pas possible sur tablettes. Non mais serieux hein, ca fait 2 jours que je teste des tas de facons de faire ca, j'ai meme passe en revue tous les gros editeurs de BDs pour voir comment ils font Merci pour le code en tout cas, je vais quand meme reflechir a tout ca !

>> Alix avait écrit : >> M'en parle pas. Je coince sur cette decision depuis deux jours >> Le souci, c'est que le titre tiens sur 1, 2 ou 3 lignes, selon la serie... or souvent il y a juste UN titre plus long par ligne, et du coup ca decalait TOUTES les notes vers le bas, pour UN titre, et ca faisait super vide... c'etait encore pire quand UN titre faisait 3 lignes, et les autres 1 ligne... >> Du coup j'ai pris la decision d'avoir ce titre qui "bouffe" la couv... mais je suis d'accord que c'est pas parfait non plus A voir si c'est intéressant ou pas, mais tu pourrais forcer l'affichage du titre sur une seule ligne (ce qui conviendrait pour la grande majorité) et le tronquer pour ceux qui dépassent en mettant le titre complet en title/tooltip pour l'avoir en passant la souris dessus ? figcaption span.my-1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

>> Ryle avait écrit : >> C'est effectivement plus sympa (même si le fond est marron ), sauf quand le titre de la série est sur deux lignes... tu gardes l'alignement des étoiles, mais tu perds l'alignement des couvertures... Est-ce qu'il ne faudrait pas prévoir un espace de 2 lignes pour toutes les tuiles, même si le titre ne tient que sur une ? M'en parle pas. Je coince sur cette decision depuis deux jours Le souci, c'est que le titre tiens sur 1, 2 ou 3 lignes, selon la serie... or souvent il y a juste UN titre plus long par ligne, et du coup ca decalait TOUTES les notes vers le bas, pour UN titre, et ca faisait super vide... c'etait encore pire quand UN titre faisait 3 lignes, et les autres 1 ligne... Du coup j'ai pris la decision d'avoir ce titre qui "bouffe" la couv... mais je suis d'accord que c'est pas parfait non plus

>> Alix avait écrit : >> Je gère aussi un peu mieux les couvertures de hauteurs différentes, avec un fond marron (eh eh) et un alignement centré verticalement. C’est pas parfait, mais c’est mieux. Ah ben en optant pour le marron de toute façon, ça ne pouvait pas être parfait :p C'est effectivement plus sympa (même si le fond est marron ), sauf quand le titre de la série est sur deux lignes... tu gardes l'alignement des étoiles, mais tu perds l'alignement des couvertures... Est-ce qu'il ne faudrait pas prévoir un espace de 2 lignes pour toutes les tuiles, même si le titre ne tient que sur une ?