| Faire son profil d'amis |

[Seuls les administrateurs ont le droit de voir cette image]

- HRP -

Vous avez dorénavant la possibilité d'allier votre profil à un profil d'amis. Il permet d'afficher vos connaissances, familles, amis etc. mais également vos RP en cours avec eux. En suplément et afin d'approfondir l’immersion et votre personnage, j'ai rajouté un endroit où vous pouvez mettre vos lieux préférés, qui s'afficheront comme quand vous aimez un lieux sur facebook.

Code:: <div class = "prayablock"><div class = "fondpraya"><img src="https://zupimages.net/up/20/06/p4qr.png"/>
<img src="https://zupimages.net/up/20/06/mjk9.png" alt="image de couverture" /><div class="Idpraya">PRÉNOM NOM</div> <img src="https://zupimages.net/up/20/06/3my9.png" alt="image de profil" class="profilpraya"/><div class = "barreblanche"><div class = "barrenav_praya">

<div class="contenant_praya"><a href="https://oceen.forumactif.com/t98-lean-vandorallen#125">Profil</a><div class="praya_tiret">|</div><a href="LIEN PHOTOS">Photos</a><div class="praya_tiret"> |</div><a href="LIEN PLUS">Plus ▼</a></div></div></div><img src="https://zupimages.net/up/20/06/1pmg.png" alt="image barre amis" style= "margin-top: 40px; margin-bottom: -54px;"/>

<div class = "friends_praya">

<div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">PRÉNOM NOM</div></br><div class="Natliens">NATURE DU LIEN</div>
<div style = "color: #a5a5a5; font-size: 12px; font-family: arial; display: flex; padding: 10px;padding-left: 18px;
margin-top: -15px;"> <a href="URL PROFIL PRAYA DUBIA">Profil</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a></div></div> <div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">PRÉNOM NOM</div></br><div class="Natliens">NATURE DU LIEN</div>
<div style = "color: #a5a5a5; font-size: 12px; font-family: arial; display: flex; padding: 10px;padding-left: 18px;
margin-top: -15px;"> <a href="URL PROFIL PRAYA DUBIA">Profil</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a></div></div>

<div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">PRÉNOM NOM</div></br><div class="Natliens">NATURE DU LIEN</div>
<div style = "color: #a5a5a5; font-size: 12px; font-family: arial; display: flex; padding: 10px;padding-left: 18px;
margin-top: -15px;"> <a href="URL PROFIL PRAYA DUBIA">Profil</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a></div></div> <div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">PRÉNOM NOM</div></br><div class="Natliens">NATURE DU LIEN</div>
<div style = "color: #a5a5a5; font-size: 12px; font-family: arial; display: flex; padding: 10px;padding-left: 18px;
margin-top: -15px;"> <a href="URL PROFIL PRAYA DUBIA">Profil</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a><div style="padding-left:10px; padding-right:10px; color:#a4cecc;"> |</div><a href="URL RP">TITRE RP</a></div></div>

<img src="https://zupimages.net/up/20/06/qnat.png" alt="image barre infos" />

<img src="https://zupimages.net/up/20/06/qv23.png" alt="image mention j'aime" />

<div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">NOM DU LIEU</div></br><div class="Natliens">QUARTIER</div></div> <div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">NOM DU LIEU</div></br><div class="Natliens">QUARTIER</div></div>

<div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">NOM DU LIEU</div></br><div class="Natliens">QUARTIER</div></div> <div class = "block_friends"><img src="https://zupimages.net/up/20/06/2wkn.png" alt="image ami" class="profilfriends"/><div class="Idamis">NOM DU LIEU</div></br><div class="Natliens">QUARTIER</div></div>

</div><div class= "copyright_oceen">@ Ocëen</div></div>

<style> .prayablock { margin: auto; width: 700px; height: auto; } .profilpraya { float: left; margin-top: -100px; position: relative; margin-left: 31px; border-radius: 50%; border: 3px solid #fff; } .fondpraya { background-color: #a5a5a5; height: auto; } .barreblanche { background-color: #fff; height: 50px; margin-bottom: -21px; } .barrenav_praya { float: right; height: 30px; margin-top: 12px; padding-right: 33px; } .contenant_praya {color: #a5a5a5; font-size: 12px; font-family: arial; margin-top: -30px; float: right; display: flex; } .praya_tiret {padding-left:10px; padding-right:10px; color:#a4cecc;} .copyright_oceen { color: #d2d2d1; font-size: 10px; font-family: arial; padding-left: 330px; } .friends_praya {background: #fff; } .profilfriends { border: solid 1px #a5a5a5; float:left; } .block_friends { background: #fff; height: 103px; width: 330px; overflow: hidden; padding: 20px 10px 10px; float: left; } .Idamis { margin-left: 18px; font-weight: bold; color: #a4cecc; float:left; } .Natliens { color:#a5a5a5; font-size: 12px; float: left; margin-left:18px; } .Idpraya { position: absolute; color: #fff; margin-left: 190px; margin-top: -27px; font-size: 20px; font-family: arial; }
</style>

J'ai conscience que le code fait un peu gros pâté, car j'ai atteints la limite du CSS au sein du forum. Si vous avez le moindre problème car vous êtes perdu dans celui-ci, n'hésitez pas à me prévenir sur Discord ou par Mp.