MODÈLES DE TÉLÉPHONE

Tu n'es pas obligé de reprendre les codes proposés ci-dessous. Tu peux utiliser d'autres moyens de communication comme une lettre ou un e-mail !

TÉLÉPHONE

Code:

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style type = "text/css">.whitephonewrap { background: url(http://i.imgur.com/ibG6L1E.png); width: 276px; height: 531px; }.whitephonewrap2 { padding-top: 60px; padding-left: 3px; }.whitephonecolor { background: #d8cd9e; width: 218px; height: 90px;}.whitephonecolorp { padding: 10px; }.whitephonebkg { background: url(http://i.imgur.com/SyuyU8W.png); width: 218px; height: 100px; }.whitephoneicons { background: rgba(0, 0, 0, 0.06); text-align: right; padding-right: 10px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 7px; text-transform: uppercase; }.whitephonetext { line-height: 100%; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }.whitephonename { line-height: 100%; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-size: 22px; text-transform: lowercase; font-weight: 700; letter-spacing: -1px; color: #fff; }.whitephonetextwrap { background: url(http://i.imgur.com/TvQYSW9.png); width: 218px; height: 265px;}.whitephonetextwrap2 { background: rgba(248, 248, 248, 0.9); align: right; padding: 10px; height: 255px; margin-top: -10px; }.whitephonebubble { margin-left: 45px; background-color: #fff; border-radius: 5px; width: 120px; padding: 12px; color: #717171; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 9px;  line-height: 110%; }.whitephonebubblep { margin-left: -12px; font-size: 25px; color: #fff; }.whitephonesend { background-color: #e6e0c8; width: 198px; padding: 10px; }.whitephoneimg { border-radius: 100%; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); padding: 5px; margin-right: 8px;   }.whitephoneimg img{ border-radius: 100%; }#CHARNAME .whitephonecolor{ background-color: #PRETTYCOLOR; }</style>

<center><div id="CHARNAME"><div class="whitephonewrap"><div class="whitephonewrap2"><div class="whitephonebkg"><div class="whitephonecolor"><div class="whitephoneicons"><img src="http://i.imgur.com/VC1QV7C.png" width="13px"> <img src="http://i.imgur.com/c1DAEYC.png" width="11px"> 4:15 p.m</div><div class="whitephonecolorp"><table><tr><td><div class="whitephoneimg"><img src="SQUARE GIF HERE" width="35px"></div></td><td><div class="whitephonename"><a href="http://shine.b1.jcink.com/index.php?showuser=14953"><img src="http://i.imgur.com/LmyQdzg.png" style="margin-bottom: -5px; margin-right: 2px;" width="20px"></a>PSEUDO</div><div class="whitephonetext">ONE NEW TEXT MESSAGE!</div></td></tr></table></div></div></div><div class="whitephonetextwrap"><div class="whitephonetextwrap2"><div style="padding-top: 10px;"></div><table><tr><td><div class="whitephonebubble">MESSAGE</div></td><td><div class="whitephonebubblep"></div></td></tr><tr><td><div class="whitephonebubble">MESSAGE</div></td><td><div class="whitephonebubblep"></div></td></tr><tr><td><div class="whitephonebubble">MESSAGE</div></td> <td><div class="whitephonebubblep"></div></td></tr><tr><td><div class="whitephonebubble">MESSAGE</div></td> <td><div class="whitephonebubblep"></div></td></tr></table></div><div class="whitephonesend"><table><tr><td><div style="float: left;"><img src="http://i.imgur.com/6NggOY0.png" width="19px" style="margin-top: -1px;"></div></td> <td><div style="margin-left: 4px; background-color: #fff; padding: 5px; color: #545454; font-size: 6px; letter-spacing: 1px; width: 160px; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 700;">TYPE MESSAGE...</div></td></table>
</div></div></div></div></div></div></center>

PIGEON VOYAGEUR

Code:

<link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>

<center><div style="background: url('https://image.noelshack.com/fichiers/2018/13/6/1522517540-pigeon.png'); width: 450px; height: 412px;"></div><div style="background: url('http://i67.tinypic.com/2gshhqu.jpg'); margin-top: -60px; width: 180px; height: 140px; padding: 20px;"><div style="position: relative; width: 140px; margin-top: 5px; height: 100px; background: white; border: 2px solid black; padding: 15px; font-size: 11px; color: black; text-align: justify; line-height: 9px; overflow: auto;"><div style="font-size: 33px; font-family: georgia; font-style: italic; letter-spacing: -3px; text-align: center; border-bottom: 1px solid black; padding-bottom: 7px;">coucou</div><br>Ceci est un message pas du tout important, je voulais juste t'emmerder. love.</div></div></center>