Modèle

TELEPHONE, utilitaire pour tous qui est rapidement devenu un indispensable pour pouvoir communiquer en toute tranquillité. Messages, appels, qu'importe ! Outil de communication dans bien des domaines, que vous pouvez tenir entre vos mains. Pour l'utilisation de vos téléphones, nous vous fournissons un code de base que tu peux bien évidemment ne pas utiliser Il n'est pas obligatoire, mais n'hésite pas à t'en servir si l'envie te dit Tu peux également changer la couleur du fond de tes messages en modifiant la balise background-color Par ailleurs, vous pouvez créer un sujet de conversation, si vous préférez utiliser le téléphone dans un seul sujet, en alternant les messages

Code:

<style type="text/css"> .fondt1 {background : #eee; border : 3px double white; outline: 1px solid #eee; padding: 6px; width: 350px;} .fondt2 {background : #fff; border : 2px double white; outline: 1px solid #eee; } .fondt3 {background : #fff; border : 2px double white; outline: 1px solid #eee; margin-top: 6px; } .stf {color: #ababab; font-family: arial; font-size: 7px; letter-spacing: 4px; text-align: center; text-shadow: 1px 1px #fff; text-transform: uppercase; padding: 7px} .text2 {font-family: arial; font-size: 10px; letter-spacing: 4px; text-align: justify; text-shadow: 1px 1px #fff; padding: 12px; } .message {font-size: 10px;
   font-style: italic; display: inline-block; background: #eee;    padding: 15px; text-align: justify;    border: 1px solid #ccc; border-radius: 11px 11px 0px 11px; margin: 0px 0px 5px 0px; margin: 0px 0px 5px 200px; width:100px;} .message3 {font-size: 13px; font-style: italic; display: inline-block; background-position: center;  padding: 15px; text-align: justify;    border: 1px solid black; border-radius: 11px 11px 11px 0px; margin: 0px 0px 5px 0px;     background-size: 50%; left: 15px;     background-color: #eee; margin: 0px 200px 5px 0px;width:100px;} .fondt4 { background: #fff; border: 2px double white; outline: 1px solid #eee; height:300px; overflow: auto;}</style>

<center><div class=fondt1><div class=fondt2><div class=stf>messages ‎•  profil • photos </div></div><div class=fond2><img src="http://placehold.it/70x70" style="border-radius: 70px; width: 70px; height: 70px; padding: 5px; border: 2px solid #eee; margin-right:8px; object-fit: cover; opacity: 0.9;" align="center"></br></br>
<ll>(( USERNAME ))</ll>
 </div><div class=fond2><div class=stf><img src="https://images2.imgbox.com/87/0c/YQ9se7wN_o.png" style="width= 20px; height: 20px;"> | <img src="https://images2.imgbox.com/87/59/Ot9AKZ2y_o.png" style="width= 20px; height: 20px;"> | <img src="https://images2.imgbox.com/34/bf/pVWrcoQd_o.png" style="width= 20px; height: 20px;"> | <img src="https://images2.imgbox.com/64/c3/HxPduvlc_o.png" style="width= 20px; height: 20px;"> | <img src="https://images2.imgbox.com/f9/24/90x0QZaO_o.png" style="width= 20px; height: 20px;"> </div></div><div class=fondt4><div class=stf> date/heure</div></br>
<div alt="mess" style="background-color:#96b8dc;padding:8px;border-radius:20px;text-align:right;color:#fff;font-family:'Arial';letter-spacing:1px;font-size:10px;margin: 0px 15px 0px 15px;line-height: 11px; ">écrire ici</div>
<div alt="mess" style="background-color:#e5e5ea;padding:8px;border-radius:20px;margin: 0px 15px 0px 15px;text-align:left;color:#000;font-family:'Arial';letter-spacing:1px;font-size:10px;line-height: 11px;">écrire ici</div>
</div><div class=fond2><div class=stf>write your message here </div> <img src="https://images2.imgbox.com/1c/5b/AJt4YbVP_o.png" style="width= 20px; height: 20px; opacity: 0.5;"></div></div></center>

Code:

<div alt="mess" style="background-color:#96b8dc;padding:8px;border-radius:20px;text-align:right;color:#fff;font-family:'Arial';letter-spacing:1px;font-size:10px;margin: 0px 15px 0px 15px;line-height: 11px; ">écrire ici</div>

Code:

<div alt="mess" style="background-color:#e5e5ea;padding:8px;border-radius:20px;margin: 0px 15px 0px 15px;text-align:left;color:#000;font-family:'Arial';letter-spacing:1px;font-size:10px;line-height: 11px;">écrire ici</div>

messages ‎•  profil • photos

(( USERNAME ))
 

| | | |

date/heure

écrire ici

écrire ici

write your message here