KoalaVolant

Code:

<link href="https://coderps.xyz/codesrps3/telmessenger.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"><!-- MODIFIER LES COULEURS --><style>:root{ --filter1phone:brightness(10) invert(1); --phone-fond-text:#1c1c1c; --phone-fond-vous:#21382e; --phone-fond-1:url('https://i.imgur.com/PFqU4Bb.jpg'); --phone-fond-2:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://i.imgur.com/hWbpK6G.jpg'); }</style>
<div class="phonemessenger">
<div class="phone-firstmessenger">
<img class="filterphone" src="https://i.imgur.com/cOm1GIu.png">
<img src="https://i.imgur.com/WtWnGll.jpg">
</div>
<!-- Nom de la discussion -->
<div class="phonemess-discuss">
<img src="https://i.ibb.co/vJcf6Dg/Reg-Jean-Page2.jpg" class="pm-img-profil">
<span class="pm-pseudo-profil">Gavin Reed</span>
<img src="https://i.imgur.com/T60QHO5.png" class="pm-icons-profil">
</div>
<!-- Contenu téléphone -->
<div class="phonemess-content">
<div class="fondnoir-content"></div>
<!-- Jour -->
<span class="pm-content-jour">Mar. 21:04</span>
<!-- Message de vous -->
<span class="pm-content-vous">Bonjour ça va</span>
<span class="pm-content-vous">Bonjour ça va</span>
<span class="pm-content-vous">sometimes by accident, sometimes on purpose (injected humour and the like).</span>
<span class="pm-content-vous">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using</span>
<span class="pm-content-vous">Bonjour ça va</span>
<span class="pm-content-vous">Bonjour ça va</span>
<!-- Message de l'autre -->
<span class="pm-content-autre">
<img src="https://i.ibb.co/vJcf6Dg/Reg-Jean-Page2.jpg">
<div class="mess-pm-autre"><!-- Mettre les messages là -->
<span>Non je suis malade désolé :(</span>
<span>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using</span>
</div></span><!-- Fin Message de l'autre -->
</div>
<!-- Image de fin avec icons -->
<img src="https://i.imgur.com/eStsRpR.png" class="pm-icons-fin">
<!-- FIN TELEPHONE -->
</div><a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a>


Pour ajouter un jour :

Code:

<span class="pm-content-jour">Mar. 21:04</span>

Pour ajouter un "vous"

Code:

<span class="pm-content-vous">Bonjour ça va</span>

Pour ajouter un "autre"

Code:

<span class="pm-content-autre">
<img src="https://i.ibb.co/vJcf6Dg/Reg-Jean-Page2.jpg">
<div class="mess-pm-autre"><!-- Mettre les messages là -->
<span>Non je suis malade désolé :(</span>
</div></span>

Pour changer les couleurs (les correspondances) :

--filter1phone : Permet de mettre certaines icons en blanc
--phone-fond-text : Permet de changer le fond des bulles du destinataire et du fond du titre de convo
--phone-fond-vous: Permet de changer le fond des bulles des messages de votre personnage
--phone-fond-1 : Le fond du téléphone
--phone-fond-2 : Attention bien garder le "linear-gradient" et juste changer l'image, mais c'est le fond de messenger