modèle tinder

1 topic par compte tinder. Votre personnage peut en avoir plusieurs.
Le titre devra être : prénom.
Pour les matchs le titre devra être : match prénom & prénom
Le modèle à suivre est celui de CHAUSSETTE.

PROFIL :

Code:

<center><img src="https://images2.imgbox.com/47/c2/Q3zMCIEf_o.png" class="petiteiconetinder">
<img class="imghauttinder" src="URL IMAGE DU HAUT" /><div class="fondtinder"><div class="margetinder"><span class="prenomtinder">Prénom,</span> <span class="agetinder">XX</span>
<span class="infotinder">Métier
à XXkm</span>
</div><div class="margetinder2">Petite description Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div><div class="margetinder3"><table><tr><td><div class="songinfotinder"><span class="songtinder">Ma chanson culte</span>
Titre de la chanson
<img src="https://images2.imgbox.com/c8/ee/IdKOCSZA_o.png" style="width: 12px;"> Prénom Nom Artiste</span></td><td><img src="URL COUVERTURE DE L'ALBUM" class="imgtindersong"></td></tr></table></div><div class="margetinder3"><span class="songtinder">6 photos Instagram</span>
<table><tr><td><img src="URL PHOTO 1" class="imginstatinder"></td><td><img src="URL PHOTO 2" class="imginstatinder"></td><td><img src="URL PHOTO 3" class="imginstatinder"></td></tr><tr><td><img src="URL PHOTO 4" class="imginstatinder"></td><td><img src="URL PHOTO 5" class="imginstatinder"></td><td><img src="URL PHOTO 6" class="imginstatinder"></td></tr></table></div>
</div>
[size=8]credit - Chaussette[/size]</center>

<style>.petiteiconetinder{width: 60px; margin-top:285px;position: absolute;margin-left:88px;}.imghauttinder{width:300px;height:300px;object-fit:cover; object-position:50% 50%;} .fondtinder{background-image:url(https://images2.imgbox.com/20/65/uRURjp8b_o.png);width:300px;height:533px;background-position: center;background-size: cover;text-align:justify;}.margetinder{padding-left:12px;padding-right:12px;padding-top:17px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}.margetinder2 {padding-left:12px;padding-right:12px;padding-top:17px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;overflow: auto;height:50px;font-family: 'Montserrat', sans-serif;font-size:11px; line-height: 1;font-weight: lighter;color:#8b8b8b;} .margetinder3{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}.prenomtinder{font-family: 'Montserrat', sans-serif;font-size:24px;font-weight: bold;color:#535353;} .agetinder{font-family: 'Montserrat', sans-serif;font-size:24px;font-weight: regular;color:#535353;} .infotinder{font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: lighter;color:#8b8b8b;line-height: 1.2;} .songtinder{font-family: 'Montserrat', sans-serif;font-size:11px;font-weight: bold;color:#535353;} .songinfotinder{font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: lighter;color:#8b8b8b;line-height: 1.2;width:220px;} .imginstatinder{width: 88px;height:88px;display: block;object-fit:cover; object-position:50% 50%;border-radius:5px;} .imgtindersong{width: 50px;height:50px;display: block;object-fit:cover; object-position:50% 50%;border-radius:5px;}  </style>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600&display=swap" rel="stylesheet">

MATCH :

Code:

<center><div class="fondtinder1"><img src="URL ICONE" class="imginstatinder1"><div class="pseudotinder1">Prénom</span><div class="tinderfond1">
<div class="msgtinder1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div>
</div>

[size=8]credit - Chaussette[/size]</center>

<style>.imginstatinder1{width: 30px;height:30px;display: block;object-fit:cover; object-position:50% 50%;border-radius:30px; margin-left: auto; margin-right: auto;} .tinderfond1{background-color:;width:300px;height:450px;margin-top:5px;overflow: auto;} .pseudotinder1{font-size:9px;font-family:montserrat;color:#747474;text-align:center;font-weight: regular;text-aligh:center;}  .imghauttinder1{width:300px;height:300px;object-fit:cover; object-position:50% 50%;} .msgtinder1{background-color:#5bb9f9;width:195px;height:auto;padding:10px;border-radius:10px 10px 5px 10px; font-family: 'Montserrat', sans-serif;font-size:11px; line-height: 1;margin-left:75px;color:#ffffff;text-align:left;} .fondtinder1{background-image:url(https://images2.imgbox.com/e3/03/8h9tPM1z_o.png);width:300px;height:544px;background-position: center;background-size: cover;text-align:justify;padding-top:10px;}  </style>

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600&display=swap" rel="stylesheet">

INSÉRER IMG/GIF DANS UNE CONVERSATION:
crédit à @Syloé Mazhe.  

Code:

<img src="https://i.redd.it/rww55f5at2r41.jpg" style="width:195px;height:auto;padding:10px;border-radius: 20px 20px 20px 20px; align:right; margin-left:63px"/>

LIKE :

Code:

[center][img]https://images2.imgbox.com/b1/a5/fRSkGVNL_o.png[/img][/center]

DISLIKE :

Code:

[center][img]https://images2.imgbox.com/92/86/0at3vsBu_o.png[/img][/center]