KoalaVolant
Lun 20 Nov 2023 - 13:20
◄ CREDITS ►
Codage de Koalavolant et Andrea
Avatar historique de Regé-Jean Page par Koalavolant
Icon historique de Rachel McAdams par Koalavolant
Codage de Koalavolant et Andrea
Avatar historique de Regé-Jean Page par Koalavolant
Icon historique de Rachel McAdams par Koalavolant
Crédits à mettre à Andrea et KoalaVolant.
C'est un mode sombre de messenger sur téléphone. Tout n'est pas changeable.
Ce qui est changeable au delà de...rajouter des messages :
- Les images des personnes
- Le nom de la personne
- Le fond du téléphone et le fond de messenger
- Le fond de la bulle de conversation de la personne qui parle (pas de son destinataire).
C'est un mode sombre de messenger sur téléphone. Tout n'est pas changeable.
Ce qui est changeable au delà de...rajouter des messages :
- Les images des personnes
- Le nom de la personne
- Le fond du téléphone et le fond de messenger
- Le fond de la bulle de conversation de la personne qui parle (pas de son destinataire).
Gavin Reed
Mar. 21:04
Bonjour ça va
Bonjour ça va
sometimes by accident, sometimes on purpose (injected humour and the like).
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
Bonjour ça va
Bonjour ça va
Non je suis malade désolé
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
- 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
