Hana Golightly books, flowers and the moon.
⋅ paper notes : 7543
⋅ since : 04/11/2017
click down - getaway car. address: contact book: availability: [▪︎▪︎▪︎] colt, dean, hartley.
| Sujet: - formulaire. Sam 11 Nov 2017 - 2:23 | |
| formulaire - fill in your paper -
Les comptes instagram sont là, comme dans la vraie vie, pour vous permettre de poster vos plus belles photos et de les partager avec tous vos amis. Avant de vous lancer, voilà les quelques formulaires à connaitre. On vous laisse ensuite gérer votre compte comme vous l'entendez, bien entendu. — titre de votre sujet: - Code:
-
pseudo 01273-XXXXXX — le téléphone:- Spoiler:
- 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> — message reçu:- Spoiler:
- Code:
-
<div class="vm2"><div class="vf2"></div>message reçu.</div> — message envoyé:- Spoiler:
- Code:
-
<div class="vm1"><div class="vf1"></div>message envoyé.</div> — quelques explications:- Spoiler:
- vercors a écrit:
- 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. à 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.
Dernière édition par Hana Golightly le Dim 13 Jan 2019 - 22:02, édité 1 fois |
|
Hana Golightly books, flowers and the moon.
⋅ paper notes : 7543
⋅ since : 04/11/2017
click down - getaway car. address: contact book: availability: [▪︎▪︎▪︎] colt, dean, hartley.
| Sujet: Re: - formulaire. Mar 22 Mai 2018 - 22:15 | |
| Une alternative aux premiers codes, voilà un nouveau portable offert par Chloé pour le forum ( uniquement, toute copie ailleurs sera considérée comme du plagiat), voici de nouveaux codes pour vos téléphones. Libre à vous d'utiliser le code que vous préférez. - quelques explications:- Spoiler:
je tiens à préciser que ce code est réservé au forum. je ne compte pas le publier en libre service sur bazzart. il est pour vous et uniquement pour vous. précisions : - la dimension du fond d'écran est de 232px (largeur) par 413px (hauteur). je vous conseille de recadrer l'image à ces dimensions-là pour simplifier les choses. - l'heure et la date sont modifiables sur tous les codes. - faites bien attention, lorsque vous copiez/copiez les codes pour ajouter des nouveaux messages de bien le faire à l'intérieur de la div boxmssg.
- codes:- Spoiler:
le screenlock : - Code:
-
<center><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link href="https://fonts.googleapis.com/css?family=Montserrat:300" rel="stylesheet"><style type="text/css">.heure {color: #ffffff;font-size: 50px;font-family: Montserrat;letter-spacing: 1px;padding-top: 18px;} .date {color: #ffffff;font-size: 15px;font-family: Montserrat;} .unlock {color: #ffffff;font-size: 15px;font-family: Montserrat;padding-top: 230px;} .fa-angle-right {font-size: 16px;}</style><div style="background-image: url('https://i.imgur.com/4PPKzqG.png'); width:270px; height:559px;"><div style="padding-top: 73px;"><div style="background-image: url('https://i.imgur.com/rJNO0ZQ.png'); width: 232px; height:413px;"> <div class="heure">00:25</div> <div class="date">Monday, May 21</div> <div class="unlock"><i class="fa fa-angle-right"></i> slide to unlock</div></div> </div></div></center> le téléphone avec les messages (bleu) : - Code:
-
<center><link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet"><style type="text/css">.miniheure {font-size: 8px;color: #000000;font-weight: bold;padding-top: 70px;}.surname {font-family: Lato; font-size: 13px; font-weight: bold;color: #000000;margin-top: 2px;}.boxmssg {margin-top: 6px;width: 232px; height: 344px;overflow:auto;}.mssgsent{margin-top: 12px;width: 170px;background-color: #2BA0FD;float: right;margin-right: 6px;margin-bottom: 10px;font-family: Lato; font-size: 10px; text-align: justify; color: #ffffff;padding: 4px;border-radius: 10px 10px 10px 10px;}.mssgreceived {width: 170px; background-color: #E5E5EA; float: left;margin-left: 6px;margin-top: 10px;margin-bottom: 12px;font-family: Lato; font-size: 10px; text-align: justify; color: #000000;padding: 4px;border-radius: 10px 10px 10px 10px;}</style> <div style="background-image: url('https://i.imgur.com/4PPKzqG.png'); width:270px; height:559px;"><div class="miniheure">00:07</div><div class="surname">Pseudo</div><div class="boxmssg"><div class="mssgsent">message envoyé ici. lorem ipsum dolores sit amet. (...)</div><div class="mssgreceived">message reçu ici. lorem ipsum dolor sit amet, consectetur adipiscing elit. ut sagittis erat vitae magna pharetra viverra. pellentesque ut interdum ex. ut vel quam dui. </div><div class="mssgsent">message envoyé ici. lorem ipsum dolores sit amet. (...)</div></div></center> le téléphone avec les messages (vert) : - Code:
-
<center><link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet"><style type="text/css">.miniheure {font-size: 8px;color: #000000;font-weight: bold;padding-top: 70px;}.surname {font-family: Lato; font-size: 13px; font-weight: bold;color: #000000;margin-top: 2px;}.boxmssg {margin-top: 6px;width: 232px; height: 344px;overflow:auto;}.mssgsent2{margin-top: 12px;width: 170px;background-color: #00D148;float: right;margin-right: 6px;margin-bottom: 10px;font-family: Lato; font-size: 10px; text-align: justify; color: #ffffff;padding: 4px;border-radius: 10px 10px 10px 10px;}.mssgreceived {width: 170px; background-color: #E5E5EA; float: left;margin-left: 6px;margin-top: 10px;margin-bottom: 12px;font-family: Lato; font-size: 10px; text-align: justify; color: #000000;padding: 4px;border-radius: 10px 10px 10px 10px;}</style> <div style="background-image: url('https://i.imgur.com/4PPKzqG.png'); width:270px; height:559px;"><div class="miniheure">00:07</div><div class="surname">Pseudo</div><div class="boxmssg"><div class="mssgsent2">message envoyé ici. message envoyé ici.</div><div class="mssgreceived">message reçu ici. message reçu ici.</div></div></center> ajouter un sms (gris, pour les deux types) : - Code:
-
<div class="mssgreceived">message reçu ici.</div> ajouter un sms (bleu) : - Code:
-
<div class="mssgsent">message envoyé ici.</div> ajouter un sms (vert) : - Code:
-
<div class="mssgsent2">message envoyé ici. message envoyé ici.</div>
|
|