Bonjour.
J'ai FINALEMENT mis mes codes de téléphone "au propre" (je ne me doutais pas qu'il serait si populaire!!). Un peu tard me direz-vous mais, eh, comme il a été modifié à travers le temps et qu'il était un peu bancal de base, je voulais une version définitive pour moi-même et je le partage avec vous du même coup Je vous file celui style "réseau social" également pour les intéressé·es
N'hésitez pas à me poke sur discord si vous rencontrez un soucis ou même si vous aimeriez de l'aide pour un de vos codes
J'ai FINALEMENT mis mes codes de téléphone "au propre" (je ne me doutais pas qu'il serait si populaire!!). Un peu tard me direz-vous mais, eh, comme il a été modifié à travers le temps et qu'il était un peu bancal de base, je voulais une version définitive pour moi-même et je le partage avec vous du même coup Je vous file celui style "réseau social" également pour les intéressé·es
N'hésitez pas à me poke sur discord si vous rencontrez un soucis ou même si vous aimeriez de l'aide pour un de vos codes
#001. Code SMS
Afin de désencombrer les posts, j'ai décidé de lier le css en externe. Si vous tentez de personnaliser le code (sauf pour le gris de fond/contour, ça c'est déjà intégré), juste faire gaffe avec la balise < style > car je crois que ça se répète sur tous les posts de la page, et non seulement du vôtre !
Note : J'ai mis la longueur limitée à 700px, au delà de ça ce sera un scroll!
Afin de désencombrer les posts, j'ai décidé de lier le css en externe. Si vous tentez de personnaliser le code (sauf pour le gris de fond/contour, ça c'est déjà intégré), juste faire gaffe avec la balise < style > car je crois que ça se répète sur tous les posts de la page, et non seulement du vôtre !
Note : J'ai mis la longueur limitée à 700px, au delà de ça ce sera un scroll!
jour mois @"nom"
dialogue gris
00:00dialogue bleu
00:00dialogue bleu dialogue bleu suite dialogue bleu suite dialogue bleu suite
00:00- Foncé:
- Code:
<link href="https://dl.dropbox.com/s/d6ibsfwe6e29c4s/Adieu%20-%20SMS.css" rel="stylesheet">
<div class="cellphone"><!-- TOP --><div class="sms_top" style="background-color:#VOTRECOULEUR"><span>jour mois</span> <span>@"nom"</span> </div><div class="sms_content" style="border-color:#VOTRECOULEUR"><!-- SMS GRIS --><div class="sms2">dialogue gris</div><span>00:00</span><!-- SMS BLEU --><div class="sms1">dialogue bleu</div><div class="sms1"><img src="https://webcolours.ca/wp-content/uploads/2020/10/webcolours-unknown.png" /></div> <span id="right">00:00</span><div class="sms1">dialogue bleu dialogue bleu suite dialogue bleu suite dialogue bleu suite</div> <span id="right">00:00</span></div></div>
jour mois @"nom"
dialogue gris
00:00dialogue bleu
00:00dialogue bleu dialogue bleu suite dialogue bleu suite dialogue bleu suite
00:00- Pâle:
- Code:
<link href="https://dl.dropbox.com/s/d6ibsfwe6e29c4s/Adieu%20-%20SMS.css" rel="stylesheet">
<div class="cellphone"><!-- TOP --><div class="sms_top" style="background-color:#VOTRECOULEUR"><span>jour mois</span> <span>@"nom"</span> </div><div class="sms_content" id="pale" style="border-color:#VOTRECOULEUR"><!-- SMS GRIS --><div class="sms2">dialogue gris</div><span>00:00</span><!-- SMS BLEU --><div class="sms1">dialogue bleu</div><div class="sms1"><img src="https://webcolours.ca/wp-content/uploads/2020/10/webcolours-unknown.png" /></div> <span id="right">00:00</span><div class="sms1">dialogue bleu dialogue bleu suite dialogue bleu suite dialogue bleu suite</div> <span id="right">00:00</span></div></div>
#002. Code Réseau social
Afin de désencombrer les posts, j'ai décidé de lier le css en externe. Si vous tentez de personnaliser le code (sauf pour le gris de fond/contour, ça c'est déjà intégré), juste faire gaffe avec la balise < style > car je crois que ça se répète sur tous les posts de la page, et non seulement le vôtre !
Afin de désencombrer les posts, j'ai décidé de lier le css en externe. Si vous tentez de personnaliser le code (sauf pour le gris de fond/contour, ça c'est déjà intégré), juste faire gaffe avec la balise < style > car je crois que ça se répète sur tous les posts de la page, et non seulement le vôtre !
@pseudo
00 mois 2022
pseudo la caption ici
pseudo commentaire 1
pseudo commentaire 2
pseudo la caption ici
pseudo commentaire 1
pseudo commentaire 2
- Pâle:
- Code:
<link href="https://dl.dropbox.com/s/9916jk1omahbwtz/AdieuRSN.css" rel="stylesheet">
<div class="cellphone"><div class="rsn_top" style="background-color:#COULEUR"><img src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460__480.png" /><span>@pseudo</span> </div><div class="rsn_content" id="pale" style="border-color:#COULEUR"><img src="https://webcolours.ca/wp-content/uploads/2020/10/webcolours-unknown.png" /><span>00 mois 2022</span>
<i class="far fa-heart"></i> <i class="far fa-comment-alt"></i>
<b>pseudo</b> la caption ici
<!-- COMMENTAIRES/FACULTATIF -->
<hr /><b>pseudo</b> commentaire 1
<b>pseudo</b> commentaire 2 </div></div>
@pseudo
00 mois 2022
pseudo la caption ici
pseudo commentaire 1
pseudo commentaire 2
pseudo la caption ici
pseudo commentaire 1
pseudo commentaire 2
- Foncé:
- Code:
<link href="https://dl.dropbox.com/s/9916jk1omahbwtz/AdieuRSN.css" rel="stylesheet">
<div class="cellphone"><div class="rsn_top" style="background-color:#COULEUR"><img src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460__480.png" /><span>@pseudo</span> </div><div class="rsn_content" id="fonce" style="border-color:#COULEUR"><img src="https://webcolours.ca/wp-content/uploads/2020/10/webcolours-unknown.png" /><span>00 mois 2022</span>
<i class="far fa-heart"></i> <i class="far fa-comment-alt"></i>
<b>pseudo</b> la caption ici
<!-- COMMENTAIRES/FACULTATIF -->
<hr /><b>pseudo</b> commentaire 1
<b>pseudo</b> commentaire 2 </div></div>