LS For Everyone
LS for everyone

Forum de Libre Service - Codage et Graphisme


    Iphone X

    Partagez
    avatar
    Adèlys
    Admin

    Messages : 34
    Date d'inscription : 08/03/2018

    Iphone X

    Message par Adèlys le Mer 31 Oct - 13:38

    14h12

    Pseudo

    iMessage
    Dimanche 14h05

    Message reçuMessage envoyé




    Code:
    <div class="corTEL"><div class="contTEL"><! -- Non modifiable ! --><img src="https://zupimages.net/up/18/44/y20t.png"/><!-- Fond d'écran modifiable --><img src="https://i.pinimg.com/564x/5b/2a/18/5b2a18010573cbdd25a9648483f81d73.jpg"/></div><div class="hTEL">14h12</div><div class="coTEL"><img src="https://zupimages.net/up/18/44/vui6.png"/><br/>Pseudo</div><div class="cormesTEL"><p>iMessage<br/>Dimanche 14h05</p><recu>Message reçu<fl1></fl1></recu><envoi>Message envoyé<fl2></fl2></envoi></div></div>

    <style>.corTEL{width:251px;height:500px;margin:auto;background:url('https://zupimages.net/up/18/44/7jdr.png') no-repeat;}.contTEL {width:251px;height:500px;margin:auto;transition:all 1s linear;opacity:1;visibility:visible;}.contTEL img:nth-child(1) {width:251px;height:500px;position:absolute;margin:auto;}.contTEL img:nth-child(2) {width:241px;height:490px;border-radius:30px;margin:5px;}.corTEL:hover .contTEL {opacity:0;visibility:hidden;}.hTEL {position:absolute;margin-top:-475px;font-family:Arial;font-size:9px;font-weight:bold;margin-left:27px;opacity:0;visibility:hidden;transition:all 1s linear;}.corTEL:hover .hTEL,.corTEL:hover .coTEL,.corTEL:hover .cormesTEL {opacity:1;visibility:visible;}.coTEL {width:211px;margin-top:-460px;position:absolute;padding:0px 20px;text-align:center;font-size:10px;font-family:Arial;height:39px;overflow:hidden;opacity:0;visibility:hidden;transition:all 1s linear;}.coTEL img {width:25px;height:25px;border-radius:50%;}.cormesTEL {overflow-x:hidden!important;opacity:0;visibility:hidden;transition:all 1s linear;width:211px;margin:0px 20px;margin-top:-420px;height:335px;overflow:auto;font-size:10px;font-family:Arial;}.cormesTEL recu, .cormesTEL envoi {padding:7px;max-width:100px;padding-bottom:0px!important;margin-top:10px;border-radius:15px;display:block;}.cormesTEL recu {background:#E5E5EA;margin-left:10px;}.cormesTEL recu fl1 {display:block;background:url('https://zupimages.net/up/18/44/92wc.png') no-repeat;width:10px;height:10px;background-size:cover;position:relative;margin-left:-10px;margin-top:0px;}.cormesTEL envoi {background:#198AFE;color:white;margin-left:85px;}.cormesTEL envoi fl2 {display:block;background:url('https://zupimages.net/up/18/44/g9en.png') no-repeat;width:10px;height:10px;background-size:cover;position:relative;margin-left:100px;margin-top:0px;}.cormesTEL p {text-align:center;font-size:9px;color:#87878E;font-weight:bold;margin:5px;</style>

      La date/heure actuelle est Mer 14 Nov - 3:08


      Partenaires