Vivre sans téléphone portable est devenu, dans notre société actuelle, presque impossible. Nous vous donnons donc la possibilité de converser par sms ou encore, par appel. Un modèle de téléphone est mis à votre disposition, cependant libre à vous de l'utiliser ou non.
Le code provient de vercors sur bazzart.titre du sujet - Code:
-
prénom's phone › (+353) 53 xxx xxx
téléphone - Code:
-
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<style type='text/css'>.vtel{background-image: url(https://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>
message reçu - Code:
-
<div class="vm2"><div class="vf2"></div>message reçu.</div>
message envoyé - Code:
-
<div class="vm1"><div class="vf1"></div>message envoyé.</div>
Pour intégrer toute la conversation, lorsque vous postez un nouveau message, copiez/collez votre ancien post (
en l'éditant, ou alors en le citant). Tout dépend la façon dont le système de téléphone est organisé, si vous utilisez le téléphone du personnage à qui le vôtre envoie un message, ou si vous utilisez celui de votre propre personnage mais, peu importe. Ce qu'il faut retenir, c'est que pour insérez un message reçu (
par le propriétaire du téléphone donc), c'est le message gris, et pour insérez un message envoyé, c'est le message bleu. Ajoutez les nouveaux messages après la dernière div du précédent message (
c'est-à-dire avant les deux dernières div du code). Vous pouvez mettre plusieurs messages gris ou plusieurs messages bleus à la suite, bien sûr. Ainsi, vous pouvez insérez les messages que votre partenaire vous a envoyé, puis mettre les vôtres à la suite. A chaque nouveau post vous avez donc toute la conversation et pouvez lire les précédents messages sans avoir à vous taper les trois pages du sujet, ni à valser entre votre sujet de téléphone et celui de votre partenaire pour arriver à recoller toute la conversation.