Profil encadré et animé en recto/verso selon le groupe
Bonjour à toutes les bonnes âmes,
N'étant qu'une bidouilleuse de code, je ne sais même pas si ma demande est réalisable mais, en gros, voici mon projet. Merci par avance pour ceux qui s'y pencheront et apporteront une réponse.
Je souhaiterais personnaliser le profil des membres avec un cadre animé style carte à jouer.
Le cadre autour de l'avatar (voir schéma 1) changerait en fonction du rang et doit de préférence être une image (si je peux éviter les border-radius pour répliquer l'image c'est magnifique car je veux rajouter des fioritures et c'est largement plus simple de tout faire sur toshop 8D).
De plus, je souhaite ajouter au cadre + à l'avatar (comme un tout et non séparément) une animation de carte qui se retourne (transform: rotateY(180deg)) mais que l'image affichée une fois le profil retourné soit différente, comme s'il y avait un recto et un verso... Comme une carte à jouer... Je ne sais pas si je m'exprime bien mais j'ai trouvé ce code pour illustrer mes propos : https://codepen.io/inusara/pen/Cdlfp Je ne sais cependant pas l'adapter à ma demande ._. (une explication serait la bienvenue)
Evidemment, parce que je suis ultra-relou, le « verso » du profil est aussi une image personnalisée selon le groupe... Et les infos du profil (nombre de messages etc. + feuille de perso) sont disponibles par dessus l'image du verso... Donc image en background je pense.
N'étant qu'une bidouilleuse de code, je ne sais même pas si ma demande est réalisable mais, en gros, voici mon projet. Merci par avance pour ceux qui s'y pencheront et apporteront une réponse.
Je souhaiterais personnaliser le profil des membres avec un cadre animé style carte à jouer.
Le cadre autour de l'avatar (voir schéma 1) changerait en fonction du rang et doit de préférence être une image (si je peux éviter les border-radius pour répliquer l'image c'est magnifique car je veux rajouter des fioritures et c'est largement plus simple de tout faire sur toshop 8D).
De plus, je souhaite ajouter au cadre + à l'avatar (comme un tout et non séparément) une animation de carte qui se retourne (transform: rotateY(180deg)) mais que l'image affichée une fois le profil retourné soit différente, comme s'il y avait un recto et un verso... Comme une carte à jouer... Je ne sais pas si je m'exprime bien mais j'ai trouvé ce code pour illustrer mes propos : https://codepen.io/inusara/pen/Cdlfp Je ne sais cependant pas l'adapter à ma demande ._. (une explication serait la bienvenue)
Evidemment, parce que je suis ultra-relou, le « verso » du profil est aussi une image personnalisée selon le groupe... Et les infos du profil (nombre de messages etc. + feuille de perso) sont disponibles par dessus l'image du verso... Donc image en background je pense.
Schéma(s) et Eléments
Schémas :
Recto du profil
Effets voulus : Effet décrit précédemment, une carte qui se retourne avec transform: rotateY(180deg)
Version de votre forum : PHPBB2 et voici le lien : http://forumtestneverose.forumactif.com/
Recto du profil
- Spoiler:
- Spoiler:
Effets voulus : Effet décrit précédemment, une carte qui se retourne avec transform: rotateY(180deg)
Version de votre forum : PHPBB2 et voici le lien : http://forumtestneverose.forumactif.com/
Ressources
Cadre recto
- Spoiler:
Cadre verso
- Spoiler:
Autres précisions ?
Merci BEAUCOUP pour l'aide. Si un élément n'est tout bonnement pas possible à réaliser, tant pis, je m'adapte, désolée pour la demande complexe ^^'
Si vous allez sur mon forum test, vous retrouverez des éléments de never-utopia. Avant de crier au voleur car j'ai retiré les crédits, sachez que j'ai plus l'habitude de réunir les crédits dans un topic dédié et c'est ce que je ferai si le vrai forum voit le jour.
Si vous allez sur mon forum test, vous retrouverez des éléments de never-utopia. Avant de crier au voleur car j'ai retiré les crédits, sachez que j'ai plus l'habitude de réunir les crédits dans un topic dédié et c'est ce que je ferai si le vrai forum voit le jour.
Dernière édition par Neverose le Ven 1 Juin 2018 - 14:27, édité 5 fois (Raison : La page était déformée >< Oui je sais sorry, j'ai pas trouvé d'où ça venait é^è)