Présentation
Ceci est un code de présentation crée suite à la Demande de Dooh-Nem, ici.
CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne et l'histoire
L'image du haut glisse pour laisser voir ce qu'il y a en-dessous, organisé en deux paragraphes, idéal pour y placer les informations tel que le nom, l'âge, le sexe, etc en deux colonnes.
Il y a un effet sur les titres au passage de la souris.
Comme vous pouvez le voir sur le screen, l'histoire est dans un SECOND message à la suite dans la présentation!
Dimension des images
L'image du haut sera redimensionnée automatiquement pour faire 480px de large. Optimalement, elle devrait faire du 480px*200px.
Les images de Physique et de Mental sont en 100px*100px et sont redimensionnées pour faire cette hauteur. Pour ne pas avoir une image déformée, il faudrait optimalement avoir une image carrée (donc du 200px*200px irait très bien aussi, etc).
Vous pouvez modifier la police des titres en changeant le link présent dans le code (ou en le retirant) et en changeant toutes les occurrences de la police (ici Alex Brush) dans le CSS.
Le Code
Code HTML /!\ Notez qu'il serait préférable de mettre le link (qui est ci-dessous en première ligne) dans le overall_header juste après la balise < head > /!\ :
Code CSS :
Et pour l'histoire?
Code HTML /!\ Le CSS reste le même! /!\ :
