Hum, alors voilà un commencement du CSS pour la fiche de présentation des personnages prédéfinis. Ce n'est bien sûr pas terminé. Miru m'a laissée carte blanche pour ce code, ceci dit, je souhaiterai avoir vos avis ; ce que vous souhaitez comme effets, catégories, couleurs. JE SUIS TOUTE OUÏE LES ENFANTS ♥. edit : ai tout fait finalement. pas taper.
[center]<div class="nom1"> Nom du personnage</div> <div class="nom2"> « phrase, citation, random. »</div>[/center]
[table align="center"][tr][td]<div class="onglet"> ft. AVATAR</div><div class="dessous">[img]http://img254.imageshack.us/img254/8172/runawaycopie.png[/img]</div>[/td][td]<div class="boite"> <div class="bandeau">[table align="center"][tr][td][b]Nom[/b] : votre texte [b]Âge[/b] : votre texte[/td][td][list][b]Origine[/b] : votre texte [b]QI[/b] : votre texte[/list][/td][/tr][/table]</div> [justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar.[/justify] </div>[/td][/tr][/table]
[table align="center"][tr][td]<div class="iconshapes"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>[/td][td]<div class="iconalters"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>[/td][td]<div class="iconwords"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>[/td][/tr][/table][table align="center"][tr][td]<div class="iconexperts"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>[/td][td]<div class="iconriddles"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>[/td][/tr][/table]
Ce qui donne ceci, pour le moment, avec comme exemple, mon personnage ;
Runaway ;
« Lick your lips and fuck suicide. »
ft. AVATAR
Nom : votre texte Âge : votre texte
Origine : votre texte QI : votre texte
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar.
Relationships :
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Dernière édition par Runaway le Lun 10 Jan - 15:43, édité 13 fois
J'ai pas compris. Dans un autre cadre en dessous ?
Je croyais que tout rentrait en fait, dans le cadre. Et genre qu'il y aurait des petites catégories.
Invité
Sujet: Re: Test des PP's Dim 9 Jan - 23:48
Les prédéfinis sont pas écrit de cette manière cependant é__é. Les catégories qui manquent sont genre Vrai Nom & Prénom, QI et origines D:
Invité
Sujet: Re: Test des PP's Dim 9 Jan - 23:50
A la base, je souhaitais faire un autre "petit cadre" sous l'avatar, et rallonger la longueur du 'gros cadre". Le gros cade aurait simplement comporté la description du caractère, et le petit cadre les infos comme l'âge, le QI, l'origine, le vrai nom etc.
Mais à vrai dire, j'hésite maintenant, parce que je pourrai faire un espèce d'espace bleu dans le gros cadre, qui comporterait les infos véritable identité/âge/blah, et sous cet espace bleu, on foutrait la description du perso. Comme vous voulez.
edit ; truc avec l'espace bleu fait + rajout de l'en-tête des relations. Test.
Pour les icons des relations, je comptais faire un encadré, genre, comme celui de l'avatar 200*320, avec en face la description de la relation dans une boîte à défilement, encadrée, avec comme contours les mêmes que le "grand cadre".
edit 2 : bah en fait j'ai tout fait, lul. Ca vous va ? éè
Dernière édition par Runaway le Lun 10 Jan - 2:37, édité 1 fois
J'aime. Mais ça prendra pas trop de place toutes les relations ou y'en aura genre deux par PP ?
Sinon ça roxxe, y'a trop de talant ici, j'étouffe.
Invité
Sujet: Re: Test des PP's Lun 10 Jan - 2:41
Bah, si y'a genre deux PP's par posts, ça devrait pas être trop encombrant ? ( si jamais y'a pleins de relations ). Je peux peut-être réduire le truc des icons en faisant une simple barre colorée contenant le nom sous les icons ? Enfin, ça prendra moins de place en largeur mais pas en longueur : / Enfin, à vous de voir \o/
En fait, je remplacerai seulement la mise en page des relations actuelle par une autre, cqfd. Donc, ce que je compte faire, c'est un espèce de rectangle coloré ( selon la couleur du groupe auquel appartient le perso ), dans lequel je foutrai un icon 100*100, sous cet icon, le nom, et ensuite, une boîte de défilement qui contiendrait la description du perso. ( d'ailleurs, j'ai oublié de caser un "nom" sur mon schéma, wtf. )
Moi je dis : FAIS. C'est beau, laisse sortir ton talent !!!!
Invité
Sujet: Re: Test des PP's Lun 10 Jan - 15:12
Alors, voilà ce que ça donnerait. J'ai fais qu'avec qu'un seul groupe pour le moment, afin d'éviter de tout modifier, au cas où ça plairait pas.
Nom du personnage
« phrase, citation, random. »
ft. AVATAR
Nom : votre texte Âge : votre texte
Origine : votre texte QI : votre texte
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar.
Relationships :
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
Dernière édition par Runaway le Lun 10 Jan - 15:46, édité 1 fois
J'ai besoin d'une icon-relation avec une couleur neutre, pour faire genre des relations générales, par exemple machin est timide avec toutes les filles, machine déteste les garçons.
Voilà, est ce que ça serait possible ? Pwease.
Invité
Sujet: Re: Test des PP's Lun 10 Jan - 21:32
Je m'occupe de ça J'éditerai ce message quand j'aurai fait le truc !
edit :
et voilààààà.
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
code ;
Code:
<div class="iconneutre"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar
code ;
Code:
<div class="iconadultes"> [img]http://img412.imageshack.us/img412/5285/060h.png[/img] Nom <div class="boite2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia aliquam dictum. Nulla porttitor elementum iaculis. Mauris nunc sapien, dignissim a adipiscing nec, cursus eu erat. Donec egestas condimentum tempor. Duis semper, turpis non ultrices tincidunt, libero turpis dapibus enim, egestas feugiat felis risus eget leo. Phasellus pellentesque posuere arcu quis tristique. Phasellus mattis diam quis sem condimentum a volutpat quam vulputate. Donec et odio id velit volutpat ultrices. Mauris ut lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel ante lectus, eu venenatis tortor. Praesent vel justo vitae libero ultrices pulvinar </div></div>
Accueil 
Dernières images 
!!!! 
