••• Modèle de téléphone

téléphone

Ci-dessous du post le code et le modèle de téléphone qui est facultatif. Si vous savez coder ou que vous préférez tout simplement utiliser un modèle en libre service, libre à vous !

pour rajouter un texte supplémentaire il vous suffit de copier et coller cette ligne à la suite de votre précédent sms.

Code:: <div class="toi">Texte.</div>

pour supprimer la ligne appel vocal, il vous suffit de retirer cette partie.

Code:: <div class="appl">Appel Vocal.</div>

00:00

prénom

✆ Répondeur.

Message...

Code:: <center><div id="teltri"></div><div class="catel" style="filter: drop-shadow(1px 2px 4px #999);"><div class="ktef"><div class="htel"><i class="ion-wifi" style="font-size:10px;"></i><i class="ion-connection-bars" style="font-size:10px;"></i>00:00</div> <div id="animation-demo" class="animated puffOut"></div><img src="https://i.imgur.com/uL1ojKX.jpg" class="imtel"/><div class="pstel">prénom</div><br /><br /><table><tr><td><div class="heartbeat"><i class="ion-email-unread" style="font-size: 17px;"></i></div></td><td><div class="crep">✆ Répondeur.</div></td></tr></table><div class="lalo"><i class="ion-paper-airplane" style="color:#aaa;"></i> Message...</div></div></div></div></center> <style>#animation-demo {width: 60px;height: 60px;border-radius:100%;position: relative;background-color: rgb(250,250,250,0.5);line-height: 150px;}@-webkit-keyframes puffOut {0% { opacity: 1;-webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px);}100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(2px);}}@keyframes puffOut {0% {opacity: 1; transform-origin: 50% 50%;transform: scale(1, 1);-webkit-filter: blur(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2);-webkit-filter: blur(2px);}} @-webkit-keyframes heartbeat {from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out;animation-timing-function: ease-out; }10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}17% {-webkit-transform: scale(0.98); transform: scale(0.98);-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 33% { -webkit-transform: scale(0.87); transform: scale(0.87);-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}45% { -webkit-transform: scale(1); transform: scale(1);-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }}@keyframes heartbeat {from { -webkit-transform: scale(1);transform: scale(1); -webkit-transform-origin: center center;transform-origin: center center;-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% {-webkit-transform: scale(0.91);transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}17% {-webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}33% { -webkit-transform: scale(0.87); transform: scale(0.87);-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }45% {-webkit-transform: scale(1);transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }}</style>

00:00

Texte.

Appel Vocal.

Code:: <center><div class="her">00:00</div><div class="ftel"> <div class="toi">Texte.</div> <div class="toi">Texte.</div> <div class="appl">Appel Vocal.</div></div></center>