KoalaVolant
Mar 20 Déc 2022 - 10:35
Crédits
Pour les crédits c'est KoalaVolant & 0tsana
HTML / CSS
Pour le html de tous les éléments, c'est ça :
- Code:
<div class="phonebyl"><span class="mess1"><em>Nom du perso</em>Hello comment ça va</span>
<span class="mess1"><em>Copain</em>Hey</span><span class="mess1"><em>Copain</em>Réponds !</span></div>
Pour le CSS :
- Code:
/* TELEPHONE ECRAN */
.phonebyl{ background:url('https://www.zupimages.net/up/22/39/vlde.png'); width:255px; height:485px; margin:0 auto; padding-bottom:65px; overflow:auto;}
.phonebyl br{ display:none; }
.phonebyl .mess1{ width:80%; display:block; background:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(221,221,221,0.5) 100%); border:1px solid rgba(255, 255, 255, 0.2); border-radius:10px; padding:10px; position:relative; top:45px; left:50%; transform:translateX(-50%); margin:5px 0; color:#FDE8ED; font-size:12px; line-height:14px; }
.phonebyl .mess1 br{ display:block; }
.phonebyl .mess1 em{font-size:8px; color:#7c7c7c; letter-spacing:1px; font-family:Arial; font-style:normal; display:block;}
