Epicode
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Communauté d'entraide dédiée à la création de forums en tous genres

AccueilFAQRechercherMembresGroupes
Le deal à ne pas rater :
Manette DualSense PS5 édition limitée 30ème Anniversaire : où ...
Voir le deal

Clyde Ale
Membre timide
Messages :
130
PointsCodes :
85
Clyde Ale

Maquette d'Exercice


profil des messages Proposée par Clyde Ale

Informations


Niveau estimé : Facile/Intermédiaire
Sujet mis à jour en aout 2024

Présentation


Pour compléter le schéma de catégorie que j'ai donné précédemment, voici le profil assorti, si l'envie vous prend de vous entraîner sur quelque chose d'un peu différent ^^ L'avatar est bien entendu adaptable, il s'agit ici de mon ancien compte admin x)
'Christa
Codeur.se
Messages :
1271
PointsCodes :
4061
'Christa

Compétences suggérées


Par quel bout prendre cet exercice ?

Les points-clés de l'exercice


Il s'agit d'une maquette proposée en 2017, qui a probablement été pensée pour PhpBB2. Comme les tableaux c'est has-been, il va vous falloir trouver l'équivalent avec les techniques modernes ! Il n'y a pas de fioritures particulières, donc pour le reste c'est assez simple à première vue.

  • Les coins arrondis du conteneur du profil

  • Mettre une image de fond sur le pseudo (mais comment gérer les pseudos longs ?)

  • Positionner l'icone "offline" sur le côté du profil

  • Flex sera probablement l'approche la plus simple


Ressources


Rien ne vous oblige à utiliser toutes les suggestions si vous préférez vous concentrer sur un concept précis que vous ne maîtrisez pas encore.
Certaines notions sont accompagnées d'un lien pour en savoir plus !

Pas assez compliqué pour vous ?


Rajoutez-vous des défis ou choisissez une autre approche pour certains éléments !

  • S'affranchir des dimensions fixes : Limitez autant que possible le recours aux dimensions fixes, pour qu'on puisse rajouter ou supprimer autant d'éléments qu'on veut sans tout casser. Le cas des pseudos longs serait également à étudier !

  • Intéressez-vous potentiellement à la propriété CSS object-fit et sa valeur cover pour gérer la taille de l'avatar


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum