Sujet: un titre très long pour tester l'affichage Dim 15 Mar - 0:41
cc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam mollis diam in sem sodales, at vulputate odio pharetra. Proin quis semper nisi. Curabitur velit odio, condimentum non turpis et, vulputate feugiat nibh. Vestibulum dui est, aliquam ac risus vitae, efficitur scelerisque velit. Nunc eu elit ut libero mollis rhoncus. Morbi libero nisi, luctus et tristique a, euismod ac arcu. Phasellus vulputate ex ut magna consequat, sed pellentesque nulla commodo. Praesent eget porttitor turpis, id placerat diam. Praesent sollicitudin lorem vel diam dignissim, eget tincidunt odio facilisis. Quisque imperdiet ornare posuere. Sed scelerisque erat sed ligula mollis, ut tincidunt felis imperdiet. Suspendisse ante purus, ultrices nec pretium vel, ultricies ac leo. Nulla eget eros tortor. Quisque congue euismod ultrices. Nunc mattis, neque id semper fermentum, diam elit ornare neque, vitae bibendum sapien dui ac neque.
Nam nec pharetra lectus, vel dignissim risus. Cras nunc quam, fermentum vel lorem a, eleifend convallis sem. Duis maximus semper dolor, eu accumsan odio consequat vitae. Proin auctor, magna quis vestibulum vehicula, odio sem aliquet nulla, vitae varius lectus odio vel neque. Maecenas vel suscipit sapien. Phasellus mattis malesuada enim sodales elementum. Aliquam id libero rhoncus, laoreet mi ut, dapibus tellus. Nulla malesuada consectetur sollicitudin. Nunc eget mattis arcu.
Suspendisse a fermentum dui, at pulvinar enim. Aliquam erat volutpat. Nullam vel justo eu orci pulvinar posuere sed nec neque. Mauris lobortis, orci et pulvinar vehicula, augue mi fermentum neque, non porta dolor est at sapien. Nullam hendrerit placerat imperdiet. Curabitur varius hendrerit sapien sed facilisis. Mauris tincidunt ex a metus consequat bibendum vitae consequat metus. Proin malesuada ex nec dui commodo ultricies.
Etiam aliquam elit non odio bibendum, at condimentum ipsum tempus. Vestibulum tincidunt massa aliquam tristique elementum. Sed eleifend urna lorem, id pulvinar mi fermentum non. Ut elementum, est in faucibus lacinia, massa ante consectetur dui, quis aliquet lacus quam a ante. Suspendisse dapibus nunc at aliquet laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque vulputate vulputate tincidunt. Donec dui est, pellentesque a rutrum hendrerit, lacinia et dolor. In vestibulum laoreet vehicula. Quisque laoreet quis augue et hendrerit. Pellentesque sollicitudin odio sed velit ultricies, pharetra porta mauris condimentum. In tempus suscipit dolor ac egestas. Etiam malesuada augue quis enim dictum porttitor. Nulla facilisi.
Soranyan Admin
Messages : 49 Date d'inscription : 18/02/2020
Sujet: Re: un titre très long pour tester l'affichage Dim 15 Mar - 4:14
tokyo time news n°5669420 - daily edition - XX date 20XX
Tokyo Time News
東京新聞-東京喰種曼珠沙華版
daily dose of information on the life of our great city of tokyo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat. Nam sodales congue orci, cursus vehicula massa posuere at. Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus. Aliquam vestibulum tincidunt dui ac tempor. Ut varius tellus mauris, vitae ultricies magna aliquam quis. Nulla in sodales mauris. Proin sed venenatis felis.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque consectetur tincidunt massa, in ultrices lorem porta nec. Sed vel massa sed velit lobortis sollicitudin.
attaques terroristes en masse à l'arrondissement d'Adachi. le groupe inconnu "Higanbana" reconnait l'attentat ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat. Nam sodales congue orci, cursus vehicula massa posuere at. Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus. Aliquam vestibulum tincidunt dui ac tempor. Ut varius tellus mauris, vitae ultricies magna aliquam quis. Nulla in sodales mauris. Proin sed venenatis felis.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque consectetur tincidunt massa, in ultrices lorem porta nec. Sed vel massa sed velit lobortis sollicitudin.
résidents quittant la zone nord de tokyo pour se réfugier à Edogawa pendant que les forces de l'ordre interviennent.
tokyo time news n°5669420 - page 1
template:
Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat|Oswald|Roboto+Slab&display=swap" rel="stylesheet"><div style="background:url(https://i.imgur.com/PIyzPFY.png);width:560px;padding:20px;"><div style="text-align:center;padding:5px;font-family:Roboto Slab;font-size:8px;margin-top:-15px;color:grey;">tokyo time news n°5669420 - daily edition - XX date 20XX</div><div style="font-family:Oswald;font-size:90px;text-align:center;margin-top:20px;color:black">Tokyo Time News</div><div style="font-family:oswald;font-size:40px;text-align:center;margin-top:20px;color:black"> 東京新聞-東京喰種曼珠沙華版</div><div style="text-align:center;background:lightgrey;padding:5px;font-family:Roboto Slab;font-size:10px;margin-top:15px;color:black">daily dose of information on the life of our great city of tokyo </div><div style="background:;margin:20px;"><table><tr><td><div style="font-family:Roboto Slab;font-size:11px;text-align:justify;padding:10px;width:240px;color:black;line-height:14px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat. Nam sodales congue orci, cursus vehicula massa posuere at. Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus. Aliquam vestibulum tincidunt dui ac tempor. Ut varius tellus mauris, vitae ultricies magna aliquam quis. Nulla in sodales mauris. Proin sed venenatis felis.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque consectetur tincidunt massa, in ultrices lorem porta nec. Sed vel massa sed velit lobortis sollicitudin.</div></td><td><img src="https://i.imgur.com/ywq5pjc.png" style="width:250px;margin-right:50px;"><div style="text-align:center;text-align:center;padding:5px;font-family:Roboto Slab;font-size:8px;margin-top:px;color:black;width:240px;background:">attaques terroristes en masse à l'arrondissement d'Adachi.<br>le groupe inconnu "Higanbana" reconnait l'attentat ?</div></td></tr></table><div style="font-family:Roboto Slab;font-size:11px;text-align:justify;padding:10px;background:;color:black;line-height:14px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat. Nam sodales congue orci, cursus vehicula massa posuere at. Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus. Aliquam vestibulum tincidunt dui ac tempor. Ut varius tellus mauris, vitae ultricies magna aliquam quis. Nulla in sodales mauris. Proin sed venenatis felis.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque consectetur tincidunt massa, in ultrices lorem porta nec. Sed vel massa sed velit lobortis sollicitudin.</div></div><center><img src="https://i.imgur.com/qNFoeZ5.jpg" style="text-align:center;margin-top:-15px;"></center><div style="text-align:center;text-align:center;padding:5px;font-family:Roboto Slab;font-size:8px;margin-top:px;color:black;">résidents quittant la zone nord de tokyo pour se réfugier à Edogawa pendant que les forces de l'ordre interviennent.</div> <div style="text-align:center;padding:5px;font-family:Roboto Slab;font-size:8px;margin-bottom:-15px;color:grey;">tokyo time news n°5669420 - page 1</div></div>
VERSIONS COURTES
JOURNAL 1
attaques dans l'arrondissement d'Adachi (nord) attaques par des ghouls, revendiquées par Higanbana ~200 morts, beaucoup de dégâts matériels évacuation des habitants vers Edogawa envoi du CCG, repoussement des émeutes pendant 3 jours prise de l'arrondissement entier par Higanbana repli CCG, barricadement de la zone gouvernement refuse d'officialiser l'existence des ghouls, et prétend que higanbana n'est qu' "un groupe isolé avec de gros moyens"
JOURNAL 2
territoire Higanbana s'étend : prise arrondissement de Katsushika libération de la Tokyo Detention House et évacuation de la population ~100 morts, dégâts matériels encore, encadrement par CCG peur et incrompréhension de la population, intervention d'unités extérieures et gouvernement fait murer la zone barricadement de la zone étendue, évacuations massives discours d'higanbana : "nous nous fichons de votre sort, car vous n'êtes que des insectes pour nous" > montée de la criminalité & des attaques de ghoul en territoire humain (ghouls agressives à cause d'higanbana, mais aussi d'un virus qui les pousse à vouloir se cannibaliser)
JOURNAL 3
territoire Higanbana s'étend encore : prise arrondissements de Kita, Arakawa et Edogawa CCG peine à contenir la situation, gouvernement hésite à bombarder gouvernement finit par reconnaître publiquement l'existence des ghouls et la menace réelle d'Higanbana déploiement CCG international (chine, amérique, allemagne, etc...) réaction défensive d'higanbana : "si vous essayez encore de nous attaquer, nous vous anéantirons. vous ne pouvez rien contre nous" confinement de la population, contrôles fréquents, etc début d'une "épidémie" de ghouls agressives et/ou cannibales qui "s'opposent" à higanbana en cherchant à se rapprocher du ccg pour lutter avec
JOURNAL 4 (pour plus tard ?)
début d'une épidémie humaine d'un virus inconnu (qui les rend cannibale ? qui les rend agressifs/fous ? qui leur donne des tumeurs paralysantes (syndrome de ros) ? qui les transforme peu à peu en ghoul ?)
Dernière édition par Soranyan le Dim 15 Mar - 4:54, édité 2 fois
Soranyan Admin
Messages : 49 Date d'inscription : 18/02/2020
Sujet: Re: un titre très long pour tester l'affichage Dim 15 Mar - 4:22
fgjkebeg rdtrdhr
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
caractère ✧ citation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
Code:
<center><link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><div style="background:#E5E5E5;border:1px solid lightgrey;padding:10px;width:530px;"><div style="background:url(https://i.imgur.com/PIyzPFY.png);border:1px solid lightgrey;padding:30px;font-family:arial;font-size:12px;text-align:justify;"><div style="font-family: 'Montserrat';font-size:30px;font-weight:900;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;">fgjkebeg<br>rdtrdhr</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
<div style="font-family: 'Montserrat';font-size:15px;font-weight:;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;"> caractère ✧ citation</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.</div></div></center>
Dernière édition par Soranyan le Lun 6 Avr - 19:31, édité 2 fois
Soranyan Admin
Messages : 49 Date d'inscription : 18/02/2020
Sujet: Re: un titre très long pour tester l'affichage Dim 15 Mar - 18:52
Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat.
Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat.
Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus.
Code:
<div style="background-image:url(https://i.imgur.com/gQ0jB20.png);width:315px;height:651px;"><br><br><br><br><br><div style="background:;border-bottom:1px solid lightgrey;width:240px;padding:10px;margin-top:0px;margin-left:30px;font-family:verdana;font-size:14px;font-weight:bold;"> <center>Nom</center></div><div style="margin-left:30px;width:240px;height:390px;overflow:auto;padding:10px;"><div style="background:lightblue;border-radius:20px;padding:10px;max-width:180px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat.</div> <div style="background:lightgrey;border-radius:20px;padding:10px;max-width:180px;margin-left:40px;">Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus.</div> <div style="background:lightblue;border-radius:20px;padding:10px;max-width:180px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id tristique neque. Aenean vel felis vel diam imperdiet commodo id a erat.</div> <div style="background:lightgrey;border-radius:20px;padding:10px;max-width:180px;margin-left:40px;">Nam ac metus eu ante finibus imperdiet ut eget lectus. Cras quis scelerisque purus.</div></div></div></div>
Soranyan Admin
Messages : 49 Date d'inscription : 18/02/2020
Sujet: Re: un titre très long pour tester l'affichage Dim 15 Mar - 23:24
Toutes les images sont modifiables et se redimensionnent automatiquement ; si vous avez du mal à les trouver, cherchez "icon", "avatar", "url_icon" ou "url_imgtop" sur la page avec ctrl+F.
Le formulaire n'est pas obligatoire, mais si vous en utilisez un autre, faites attention à tout de même renseigner tous les champs indiqués dans celui-ci, et à ce qu'il ne déforme ou dépasse pas de la page.
NOM DU PERSONNAGE
FT. NOM DE L'AVATAR
NOM ✧ ...
______________________________________
PRÉNOM ✧ ...
______________________________________
AGE ✧ ...
______________________________________
SEXE✧ ...
______________________________________
SEXUALITÉ ✧ ...
______________________________________
ORIGINE ✧ ...
______________________________________
OCCUPATION ✧ ...
______________________________________
ARRONDISSEMENT ✧ ...
______________________________________
ALIAS ✧ ...
______________________________________
ESPÈCE ✧ ...
______________________________________
GROUPE ✧ ...
______________________________________
AFFILIATION ✧ ...
______________________________________
CLASSE ✧ ccg, quinx
______________________________________
RANG ✧ ghouls, higanbana
______________________________________
KAGUNE✧ quinx, ghouls, higanbana
______________________________________
MASQUE ✧ ghouls, higanbana
______________________________________
FRAME ✧ quinx
______________________________________
ARME/QUINQUE ✧ ccg, quinx
______________________________________
caractère ✧ citation
bjrrgbjkr Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
histoire ✧ citation
bjrrgbjkr Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
bjrrgbjkr Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
Spoiler:
Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><style>.presimg{opacity:0;transition:0.5s;}.presimg:hover{opacity:1;transition:0.5s;}</style><div style="background:#E5E5E5;border:1px solid lightgrey;padding:10px;width:530px;color:black;"><div style="background:url(https://i.imgur.com/PIyzPFY.png);border:1px solid lightgrey;padding:30px;font-family:arial;font-size:12px;"><div style="border:1px solid lightgrey;padding:10px;margin-bottom:20px;background:white;" ><div style="border:1px solid lightgrey;background:url(URL_IMGTOP);height:230px;;"><div style="text-shadow:1px 1px 1px white;;font-family: 'Montserrat';font-size:30px;font-weight:900;text-transform:uppercase;line-height:30px;text-align:center;padding-top:90px">NOM DU<br>PERSONNAGE</div><div style="border:1px solid lightgrey;padding:10px;background:#E5E5E5;width:390px;margin:10px;height:170px;font-family:arial;margin-top:-130px;margin-left:10px;position: relative;left: 5px;top: px; z-index: 3000;" class="presimg"><div style="background:white;;border:1px solid lightgrey;padding:10px;font-family:arial;font-size:10px;"><div style="text-align:center;color:grey;font-family: 'Montserrat';font-size:7px;text-transform:uppercase;background:;margin-top:-8px;">FT. NOM DE L'AVATAR</div><table><tr><td><div style="background:;overflow:auto;max-height:130px;text-align:justify;font-size:10px;width:180px;"><span style="color:grey;font-weight:bold;">NOM ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">PRÉNOM ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">AGE ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">SEXE✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">SEXUALITÉ ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">ORIGINE ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">OCCUPATION ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">ARRONDISSEMENT ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div></td><td><div style="background:;overflow:auto;max-height:130px;text-align:justify;font-size:10px;width:180px;"><span style="color:grey;font-weight:bold;">ALIAS ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">ESPÈCE ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">GROUPE ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">AFFILIATION ✧ </span>...<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">CLASSE ✧ </span>ccg, quinx<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">RANG ✧ </span>ghouls, higanbana<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">KAGUNE✧ </span>quinx, ghouls, higanbana<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">MASQUE ✧ </span>ghouls, higanbana<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">FRAME ✧ </span>quinx<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div><span style="color:grey;font-weight:bold;">ARME/QUINQUE ✧ </span>ccg, quinx<div style="color:lightgrey;margin-bottom:0px;margin-top:-8px;">______________________________________</div></td></tr></table></div></div></div></div><div style="font-family: 'Montserrat';font-size:15px;font-weight:0;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;">caractère ✧ citation</div><div style="background:;overflow:auto;max-height:150px;text-align:justify;padding:10px;">bjrrgbjkr Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.</div><br><div style="font-family: 'Montserrat';font-size:15px;font-weight:00;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;">histoire ✧ citation</div><div style="background:;overflow:auto;max-height:150px;text-align:justify;padding:10px;">bjrrgbjkr Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.</div><br><br><table><tr><td><div style="border:1px solid lightgrey;padding:10px;background:white;width:102px;"><img src="URL_ICON" style="width:100px;height:100px;border: 1px solid lightgrey"></div></td><td><div style="border:1px solid lightgrey;padding:10px;background:#E5E5E5;width:310px;margin:10px;height:100px;"><div style="background:white;;border:1px solid lightgrey;padding:10px;font-family:arial;font-size:12px;"><div style="background:;overflow:auto;height:78px;text-align:justify;">quartier libre ! écris ce que tu veux. o u i</div></div></div></td></tr></table></div></div>
Dernière édition par Soranyan le Dim 15 Mar - 23:29, édité 1 fois
Soranyan Admin
Messages : 49 Date d'inscription : 18/02/2020
Sujet: Re: un titre très long pour tester l'affichage Dim 15 Mar - 23:28
Sujet: Re: un titre très long pour tester l'affichage Lun 6 Avr - 19:30
validation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
bravo, t'es validé !
Tu peux commencer par recenser ton avatar sur le bottin et faire ta fiche de renseignements, puis ensuite tu fais ce que tu veux ! Si tu le souhaites tu peux faire une fiche de liens pour arranger les relations de ton personnage, ou proposer tes idées dans une demande de rp. Tu peux aussi commencer à envoyer des messages à d'autres personnages, ou à regarder les missions disponibles.
N'hésite pas à mp un admin si tu as un problème et bien sûr, amuse toi bien
Code:
<center><link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"><div style="background:#E5E5E5;border:1px solid lightgrey;padding:10px;width:530px;"><div style="background:url(https://i.imgur.com/PIyzPFY.png);border:1px solid lightgrey;padding:30px;font-family:arial;font-size:12px;text-align:justify;"><div style="font-family: 'Montserrat';font-size:30px;font-weight:900;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;">validation</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse posuere interdum elit a viverra. Fusce ut bibendum ipsum, sed semper urna. Etiam sed magna luctus tortor efficitur vehicula. Donec quis risus vulputate, tristique leo nec, euismod nunc. Donec non ligula dolor. Aliquam erat volutpat. Quisque vel rutrum mi, in ultricies mi. Ut venenatis eu dui ut vestibulum. Sed auctor massa ut dolor commodo, sed finibus sapien auctor. Vestibulum cursus tellus in velit interdum, vel euismod urna mattis. Vivamus vel scelerisque purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla efficitur mattis dolor, eget sollicitudin lacus viverra a. Vestibulum convallis erat porta nulla tempus, ut mattis ex sodales. Morbi tincidunt fermentum dolor, nec elementum enim luctus et. Donec id diam nec eros iaculis fringilla.
<div style="font-family: 'Montserrat';font-size:15px;font-weight:;text-transform:uppercase;line-height:30px;text-align:center;border-bottom:1px solid lightgrey;margin-bottom:20px;">bravo, t'es validé !</div>Tu peux commencer par recenser ton avatar sur le <a href="http://tokyoghoul-higanbana.forumsrpg.com/t17-bottin" target="blank">bottin</a> et faire ta <a href="http://tokyoghoul-higanbana.forumsrpg.com/f61-big-brother-s-eye" target="blank">fiche de renseignements</a>, puis ensuite tu fais ce que tu veux ! Si tu le souhaites tu peux faire une <a href="http://tokyoghoul-higanbana.forumsrpg.com/f5-bullet-journals" target="blank">fiche de liens</a> pour arranger les relations de ton personnage, ou proposer tes idées dans une <a href="http://tokyoghoul-higanbana.forumsrpg.com/f9-bottles-in-the-sea" target="blank">demande de rp</a>. Tu peux aussi commencer à envoyer des <a href="http://tokyoghoul-higanbana.forumsrpg.com/f62-99-missed-calls" target="blank">messages</a> à d'autres personnages, ou à regarder les <a href="http://tokyoghoul-higanbana.forumsrpg.com/t81-liste-des-missions" target="blank">missions</a> disponibles.
N'hésite pas à mp un admin si tu as un problème et bien sûr, amuse toi bien </div></div></center>
Contenu sponsorisé
Sujet: Re: un titre très long pour tester l'affichage
un titre très long pour tester l'affichage
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum