Informations

Niveau estimé : Intermédiaire
Sujet mis à jour en août 2022

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)

La maquette

Les images :
https://2img.net/r/hpimg15/pics/924737Bandeprofil.png
https://2img.net/r/hpimg15/pics/737047Offline.png

Compétences suggérées

(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)

Bases du HTML : Éléments de titre (<h1>, <h2>, etc.) blocs paragraphes <p> ou génériques <div>, listes HTML <ul> et <li>, liens <a> et images <img>...
Bases du CSS : couleurs de fond et de texte, marges, espacements internes, taille de texte, bordures...
La propriété CSS overflow pour gérer les dépassements
La propriété border-radius pour les coins arrondis ;
Le positionnement en CSS pour positionner correctement des éléments hors du flux ;
Les pseudo-éléments ::before et ::after pour positionner certains éléments qui peuvent se passer d'une image directement dans le code.
Connaitre un minimum l'agencement et les variables du template viewtopic_body

A titre d’entraînement, vous pouvez également tenter d'obtenir un rendu avec les anciennes méthodes :
les tableaux HTML
La fusion des cellules d'un tableau

Si vous avez des questions n'hésitez pas à les poser à la suite ainsi qu'à poster votre rendu et votre code entre balises [hide] et [/hide].