-Code pour les fiches Lapino.-
Fiche Lollipop simple
<div style="background-image: url('URL DE L'IMAGE'); width: 500px; height:200px;"></div>
<div style="background-color: #199aca; width: 400px; padding: 10px 50px;">
<div style="text-align: left;"><font size="6" color="#FFFFFF" face="arial">Pseudo</font></div></div>
<div style="position: relative; left: 375px; top: -100px; height:0px;">
<img src="URL AVATAR" style="border: 2px solid #fff; width: 80px; height: 80px; border-radius: 80px;"></div>
<div style="background-color: #fff; width: 460px; padding: 20px;"><div style="text-align: center;"><font face="arial" color="#666666" size="2">Texte</font></div></div>
Fiche Lollipop avec sommaire
<div style="background-image: url('URL DE L'IMAGE'); width: 500px; height:200px;"></div>
<div style="background-color: #199aca; width: 400px; padding: 10px 50px;"><div style="text-align: left;">
<font size="6" color="#FFFFFF" face="arial">Pseudo</font></div></div>
<div style="position: relative; left: 375px; top: -100px; height:0px;"><img src="URL AVATAR" style="border: 2px solid #fff; width: 80px; height: 80px; border-radius: 80px;"></div>
<div style="background-color: #fff; width: 460px; padding: 20px;"><div style="text-align: center;"><font face="arial" color="#666666" size="3">
<a href="#1" title="" target="" ><font color="#666666">TITRE PARTIE 1</font></a> -
<a href="#2" title="" target=""><font color="#666666">TITRE PARTIE 2</font></a> -
<a href="#3" title="" target=""><font color="#666666">TITRE PARTIE 3</font></a></font></div>
<div style="text-align: center;"><div style="border-bottom: 1px solid #bbb;"><br></div></div></div>
<div style="background-color: #fff; width: 500px; height:290px; overflow: hidden;">
<div style="height: 240px; width: 450px; overflow: auto; padding:0px 25px 25px 25px; background-color: #fff;"><a name="1"></a><div style="text-align: center;"><font color="#666666">Titre Partie1</font></div><div style="text-align: left;"><font color="#666666">Texte</font></div></div>
<div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"><a name="2"></a><div style="text-align: center;"><font color="#666666">Titre Partie2</font></div><div style="text-align: left;"><font color="#666666">Texte</font></div></div>
<div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"><a name="3"></a><div style="text-align: center;"><font color="#666666">Titre Partie3</font></div>
<div style="text-align: left;"><font color="#666666">Texte</font></div></div>
<div style="height: 240px; width: 450px; overflow: auto; padding:25px; background-color: #fff;"></div></div>
Voici quelques idées de couleurs pour la barre du pseudo (2e élément en rouge dans le code) :
/https%3A%2F%2Fekladata.com%2Fm-t_-2GIjt69fa69MccejwNm8hg.png)
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)