Fiche de Relation
"It's a Love Hate Relationship"
Ceci est un code de mise relations, sans fiche avant, juste les relations. Un cœur pour les relations "bonnes" et une crois pur els "mauvaises". J'ai pas trouvé de signe pour les entre deux, donc si vous avez une idée, vous n'hésitez pas!
CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne
Les effets et images
La taille des images importe peu: elles seront de toute façon redimensionnées par le code.
Au passage de la souris, une infobulle apparait. Vous pouvez évidemment mettre un long texte: il y a une barre de défilement ^^
La police utilisée est Amatic SC. Vous retrouverez son link dans le code, tout au début, comme ceci:
- Code:
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
Le code
Mieux vous repérer:
Ceci correspond à un coeur, voyez la classe "un_coeur". Il doit se trouver dans la div "contour", faites donc bien attention à ça! ^^
Ceci correspond à une croix, voyez la classe "une_croix". Il doit se trouver dans la div "contour", faites donc bien attention à ça! ^^
Enfin, ceci est un commentaire. Je l'utilise our retirer les retour à ligne dans le message, pour que les coeurs ou les croix puissent se suivre et ne retournent pas à la ligne. Il est donc important de les garder entre chaque coeur ou croix, sauf si vous voulez un retour à la ligne, évidemment!
Aussi, ne supprimez pas seulement la première ou la seconde partie. Cela risque de vous causer des soucis ^^
Voilà qui est tout! ^^ En espérant que ça va vous plaire!
