Revenir en haut Aller en bas



 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

(code) facultatif

Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
✓ ICI DEPUIS LE : 12/07/2016
✓ CÉLÉBRITÉ : James McAvoy
✓ MESSAGES : 61


MessageSujet: (code) facultatif Mer 5 Avr - 15:18

Tout d'abord, nous tenons à créditer vercors sur PRD, pour son superbe codage!

Voici donc le codage du téléphone, faites en bon usage!





Pseudo
message envoyé ici. message envoyé ici. message envoyé ici.

message reçu là. message reçu là. message reçu là.




Code global:
Code:
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">

<style type='text/css'>.vtel{background-image: url(http://i.imgur.com/xA5has3.png); width: 350px; height: 600px; margin: auto; text-align: center;}.vpseudo{font-family: Lato, sans-serif; font-size: 13px; color: black; font-weight: bold; padding-top: 80px; padding-bottom: 5px;}.vbg{width: 240px; height: 357px; margin-left: 52px; padding-top: 8px; overflow: auto;}.vm1{width: 180px; background-color: #007dfd; float: right; color: white; font-family: Lato, sans-serif; font-size: 10px; text-align: justify; margin-right: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px; position: relative;}.vf1{width: 0; height: 0; border-right: 4px solid #007dfd; border-bottom: 4px solid #007dfd; border-top: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: 6px; right: 0px;}.vm2{width: 180px; background-color: #E6E5EB; float: left; color: black; font-family: Lato, sans-serif; font-size: 10px; text-align: justify; margin-left: 5px; padding: 5px 8px; margin-bottom: 8px; border-radius: 15px; position: relative;}.vf2{width: 0; height: 0; border-left: 4px solid #E6E5EB; border-bottom: 4px solid #E6E5EB; border-top: 4px solid transparent; border-right: 4px solid transparent; position: absolute; bottom: 6px; left: 0px;}/*fait par vercors sur bazzart, merci de ne pas vous l'approrier*/</style>

<div class="vtel"><div class="vpseudo">Pseudo</div><div class="vbg"><div class="vm1"><div class="vf1"></div>message envoyé ici. message envoyé ici. message envoyé ici.</div>
<div class="vm2"><div class="vf2"></div>message reçu là. message reçu là. message reçu là.</div>
</div></div>


Si vous désirez ajouter un nouveau message, voici les deux petits code! Ajoutez celui que vous désirez avant les deux dernières balises
du code!



message gris:
Code:
<div class="vm2"><div class="vf2"></div>message reçu.</div>

message bleu:
Code:
<div class="vm1"><div class="vf1"></div>message envoyé.</div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

(code) facultatif

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Haras de la Prairie :: Social Network :: what's on my phone? :: SMS-