Salut les amis, ça fait plaisir de voir une véritable update pour ce site
Suggestion de visuel à modifier;Respectivement dans les classes suivantes du
style.css:
mainContainer: supprimer le "
width: 100%;" et le remplacer pour "
max-width: 1440px;" et y ajouter ces deux styles: "
float: none; margin: 0px auto;"
leftContainer: supprimer le "
width:80%;"
Cela aura pour effet de centrer le site en mode ordinateur. le
1440px est un exemple vous pouvez évidemment changer cette variable ^^; Après si c'était voulu qu'il soit collé à gauche j'ai rien dit
Quant au footer, la couleur de fond est un tantinet claire pour le texte blanc. Moi qui n'ai pas une très bonne vue je peux vous dire que c'est pas facile à lire le plan du site. Bon c'est juste un détail mais je tenais quand même à vous en faire part.Votre système de nouveautés est sympa en plus le
slider fonctionne très bien depuis les smartphones/tablettes. Ce serait plus sympa si
les images des animés couvraient toute la surface du carré blanc et éventuellement que ça slide automatiquement avec un time ça rendrait plus interactif. Les flèches devraient être dans l'image plutôt que sur les côtés. (Le must serait carrément d'avoir aussi un bouton agrandir dans une page séparée pour pouvoir scruter les nouveautés en plein écran sur les mobiles/tablettes). Bon je m'égare un peu hahaha

Pour les résultats de recherche je mettrais l'image au dessus du titre (en mode mobile/tablette) sur l'ordi ça donne impec mais sur les mobiles on voit pas l'image ou faut vraiment avoir l'oeil de lynx haha. Et les
longs tites d'animés sont
incomplets en mode portrait. Avec cette méthode vous pourriez gagner en place et en plus
retirer les boutons avancement et notes pour les
inclure directement dans le résultat de recherche puisque sur mobile on comprend pas très bien ce que sont ces
AV et
N.
Pour les fiches voici ma proposition:La div qui contient l'image de l'animé devrait contenir le style suivant : "
style="background: url(https://img02.anime-ultime.net/imageanimé.jpg) no-repeat center center;background-size: cover;""
Et la balise
<img> qui se trouve dans cette div se verrait attribuée le style: "
visibility:hidden;" Le problème de cette méthode c'est qu'il faudrait également changer la largeur du col-md en fonction de l'image je parle surtout des vignettes verticales (portrait). pour les autres y'aura aucun problèmes.
Quant à la div de droite il faut user un peu du php pour que la hauteur soit la même que la hauteur de l'image vous trouverez des renseignements ici:
http://php.net/manual/en/function.getimagesize.phpça vous sera utile seulement pour le mode ordi et tablettes puisque sur smartphone ça donne déjà très bien comme ça. Le but étant d'attribuer une variable de hauteur à la div pour qu'elle soit relative à la hauteur de l'image quand les col-mds sont affichés l'un à côté de l'autre.
Dans le tableau des téléchargements c'est comme pour les recherches, en mode mobile/portrait on voit pas toutes les informations ce serait mieux de les placer les uns en dessous des autres.
Rien à redire sur le player c'est du beau travail !
Au Login le mot de passe oublié n'est pas centré et j'ai remarqué une fin de balise de commentaire qui s'affiche "
-->"
Aspects pratique: Quand je fais une recherche que je me rends dans un animé et que je clique sur page précédente (que ce soit sur le mobile ou sur l'ordi), je perds ma recherche.
Quand je suis sur mon mobile, les lettres disparaissent pour la recherche. Ce serait bien d'ajouter un dropdown pour sélectionner la lettre de recherche.
Voilà c'est tout ce que j'avais à vous signaler. À prendre ou à laisser, en tout cas excellent travail à l'équipe et je compte utiliser cette version à partir d'aujourd'hui.
Un grand bravo à tous ceux qui travaillent sur le site et sur le contenu.
C'est le seul site de vostfr dont je n'oublierai jamais l'url tellement le service est impeccable

Meilleures animés,
KrondaliX