- modèle et explications

TINDER

Nous avons pensé à ajouter l'application Tinder qui nous semble être une meilleure de plus en plus répandue pour les adolescent/e/s de se rencontrer et flirter ensemble. N'hésitez donc pas à vous créez des liens de cette manière, qui peuvent rester virtuels ou réels (in rp) !
Nous avons modifier un peu la manière dont l'application marche, puisque nous ne sommes pas dessus. Ainsi, pour faire fonctionner Tinder sur le forum vous allez devoir ouvrir un sujet avec votre nom de personnage. Si un autre membre vous intéresse vous allez "poster votre profil" (voir le code) sous sa page, s'il répond positivement il va aller sur votre page en vous "matchant" (voir le code). Soit il va directement vous envoyez un message sur votre fiche soit ça sera à vous d'"envoyer un message" (voir le code) sur sa fiche.
J'espère que l'explication aura été assez claire ! Si besoin n'hésitez pas à mpotter le staff pour en savoir plus

POSTER SON PROFIL

Code:

<div style="position:relative; float:left; clear:none; overflow:hidden;">
<img src="https://i37.servimg.com/u/f37/19/60/03/44/sans_t16.png" style="position:relative; z-index:1; width:234px;">
<div style="display:block; position:absolute; width:100%; top:15%; left:0; z-index:2; color:grey; padding-top:5px; padding-bottom:5px; padding-left:10px;text-align;justify; "><img src="https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/15099621_349606865420009_2867864004158554112_n.jpg?ig_cache_key=MTM5MTQ0ODM1ODgzMjgxNTMxNw%3D%3D.2" style="width:210px;height:210px;border-radius: 5px;"> </div>
<div style="display:block; position:absolute; width:100%; top:65%; left:0; z-index:2; color:grey; padding-top:5px; padding-bottom:5px; padding-left:10px; text-align:justify;">[size=11]PRENOM, AGE[/size]</div></div></center>

MATCHER UNE PERSONNE

Code:

<div style="position:relative; float:left; clear:none; overflow:hidden;width:220px;">
<img src="https://i37.servimg.com/u/f37/19/60/03/44/sans_t17.png" style="position:relative; z-index:1; width:234px;">
<div style="display:block; position:absolute; width:100%; top:25%; left:0; z-index:2; color:grey; padding-top:5px; padding-bottom:5px; padding-left:0px; text-align:center;">[size=11]You and 'Prénom' have liked each other[/size]</div>
<div style="display:block; position:absolute; width:100%; top:30%; left:0; z-index:2; color:grey; padding-top:5px; padding-bottom:5px; padding-left:0px;text-align;center; ">
[center]<img src="https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/15099621_349606865420009_2867864004158554112_n.jpg?ig_cache_key=MTM5MTQ0ODM1ODgzMjgxNTMxNw%3D%3D.2" style="width:80px;background-color:#ffffff;border:1px solid #D8D8D8;padding:1px;border-radius: 50px;"> <img src="https://scontent.cdninstagram.com/t51.2885-15/s640x640/sh0.08/e35/14709652_311227542566372_1794363673284706304_n.jpg?ig_cache_key=MTM2MjQ5OTA3MDcyODEyNjgxMQ%3D%3D.2" style="width:80px;background-color:#ffffff;border:1px solid #D8D8D8;padding:1px;border-radius: 50px;">[/center]
</div></div></center>

ENVOYER UN MESSAGE

Code:

<div style="width:240px;text-align:justify;background-color:white;padding:10px;"><div style="text-align:justify;font-size:11px;line-height:normal;width:240px;margin-top:0px;">
[table][tr][td valign="top"]
<div style="width:60px;">[img]https://i37.servimg.com/u/f37/19/60/03/44/sans_t18.png[/img]</div>[/td]
[td width="0%"][/td]
[td valign="top" width="0%"]<div style="width:90px;">
[center]<img src="http://i1367.photobucket.com/albums/r783/glowingstarsx/Taylor%20Swift%20icons/glowingstarsx7404_zps5f6e2dca.png" style="width:30px;border-radius:50px"> [size=11]Pseudo[/size][/center]
</div>
[/td]
[td width="0%"][/td]
[td valign="top" width="0%"]<div style="width:60px;">
[right][img]https://i37.servimg.com/u/f37/19/60/03/44/sans_t19.png[/img][/right]
</div>[/td]
[/tr]
[/table]
<center>
[table][tr][td valign="top"]<div style="font-size:11px;font-family:arial;color:#000000;background-color :#E6E6E6;width:150px;height:auto;padding:5px;border-radius:10px;text-align:left">Message</div>[/td]
[td width="0%"][/td]
[td valign="top" width="0%"]<img src="http://i1367.photobucket.com/albums/r783/glowingstarsx/Taylor%20Swift%20icons/glowingstarsx7404_zps5f6e2dca.png" style="width:30px;border-radius:50px">[/td]
[/tr]
[/table]
</center>
</div></div>

Les codes ont été réalisé par Prongs pour Youth Forskning, merci de ne pas les utiliser ailleurs que sur ce forum.