Modèle Téléphone [Codes et tutoriel]

 :: Gestion des Personnages :: SMS Voir le sujet précédent Voir le sujet suivant Aller en bas
Jeu 19 Oct - 9:48
Admin
avatar
Messages : 92
Date d'inscription : 26/09/2017
Localisation : Inconnue
Emploi : Directeur de l'institut

Inventaire
In my pocket:
Voir le profil de l'utilisateur http://snk-highschool.forumactif.com
Pour rendre cet aspect de la vie lycéenne bien plus cool, nous avons été vous chercher un petit code bien sympa, pour pouvoir textoter comme si vous y étiez. Un petit aperçu ?



Hanji


What do you want this time ?



Aww, come on ! How much do you love me ?


Well, look at the stars and count them. That's how much I love you.




But it's morning.




Exactly.



©️ didoum


Voilà notre base de travail. ~

Vous avez bien entendu le choix de plusieurs coloris dont je vous donne également un petit aperçu ici :


Maintenant, comment utiliser ce petit bijou ?

Premièrement, choisissez votre couleur.

Rouge:

Code initial:
Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1r"><div class="fondtel2"><div class="pseudotel">PSEUDO DU DESTINATAIRE</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2r">VOTRE MESSAGE</div>
</div>

</div><div style="margin-top:-6px;height:62px;"><img src="VOTRE ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>

Réponse du destinataire :
Code:
<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1r">VOTRE MESSAGE</div>
</div>

Réponse de l'expéditeur :
Code:
<div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2r">VOTRE MESSAGE</div>
</div>
Vert:
Le code initial :
Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1v"><div class="fondtel2"><div class="pseudotel">PSEUDO DU DESTINATAIRE</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2v">VOTRE MESSAGE</div>
</div>

</div><div style="margin-top:-6px;height:62px;"><img src="VOTRE ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>

Réponse du destinataire :
Code:
<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1v">VOTRE MESSAGE</div>
</div>

Réponse de l'expéditeur :
Code:
<div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2v">VOTRE MESSAGE</div>
</div>
Violet:
Le code initial :
Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1vi"><div class="fondtel2"><div class="pseudotel">PSEUDO DU DESTINATAIRE</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2vi">VOTRE MESSAGE</div>
</div>

</div><div style="margin-top:-6px;height:62px;"><img src="VOTRE ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>

Réponse du destinataire :
Code:
<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1vi">VOTRE MESSAGE</div>
</div>

Réponse de l'expéditeur :
Code:
<div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2vi">VOTRE MESSAGE</div>
</div>
Gris:
Le code initial :
Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1g"><div class="fondtel2"><div class="pseudotel">PSEUDO DU DESTINATAIRE</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2g">VOTRE MESSAGE</div>
</div>
</div><div style="margin-top:-6px;height:62px;"><img src="VOTRE ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>

Réponse du destinataire :
Code:
<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1g">VOTRE MESSAGE</div>
</div>

Réponse de l'expéditeur :
Code:
<div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2g">VOTRE ICON</div>
</div>
Bleu:
Le code initial :
Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1b"><div class="fondtel2"><div class="pseudotel">PSEUDO DU DESTINATAIRE</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2b">VOTRE MESSAGE</div>
</div>

</div><div style="margin-top:-6px;height:62px;"><img src="VOTRE ICON" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>

Réponse du destinataire :
Code:
<div style="height:auto; "><img src="VOTRE ICON" class="ico1"><div class="mes1b">VOTRE MESSAGE</div>
</div>

Réponse de l'expéditeur :
Code:
<div style="height:auto"><img src="VOTRE ICON" class="ico2"><div class="mes2b">VOTRE MESSAGE</div>
</div>

Une fois cette difficile étape achevée, ouvrez un sujet dans SMS/Email, en prenant soin d'indiquer votre pseudo et celui de la personne avec qui vous allez communiquer comme ceci : [Pseudo du stalker, Pseudo du con qui répond]

La personne qui ouvre la conversation ne se préoccupe que de la partie expéditeur, celle qui la poursuit ne s'occupe que de la partie destinataire.

 La personne qui ouvrira la conversation sera donc l'expéditeur.
Coller le code initial et y écrire le premier SMS. Renseigner les champs "Icon", "pseudo du destinataire" et poster.

Le premier téléphone apparaît avec le premier SMS écrit.

 La personne qui répondra au premier SMS sera le destinataire.
Citer le post de l'expéditeur, le code initial qu'il a collé apparaît dans la fenêtre destinée à écrire un nouveau message.
Supprimer la balise [ quote ] [ /quote ] en début et fin de post, elle décalera tout le codage autrement.

Coller ensuite son propre code correspondant à la réponse du destinataire dans le code déjà présent, après le premier SMS envoyé :

Code:
<link rel="stylesheet" href="http://djoan.hol.es/cssdjoantelcolor.css" media="all" type="text/css" />

<center><div class="fondtel1g"><div class="fondtel2"><div class="pseudotel">VOTRE PSEUDO</div></div><div class="fondtel3"><div style="height:auto"><img src="VOTRE ICON" class="ico1"><div class="mes1g">FIRST SMS BLABLABLA C'EST BEAU LA VIE, ON MANGE DES COOKIES</div>
</div>
A CET EMPLACEMENT EXACT
Code:
</div><div style=" height:62px;"><img src="ICON DU DESTINATAIRE" class="ico3"></div>
<div style="margin-top:45px;font-size:9px;">©️ didoum</div></center>
Ne vous avisez pas de copier ce putain de code, c'est un exemple destiné à vous montrer où coller votre partie. Les codes que vous devez utiliser sont dans les couleurs juste au dessus.

Renseignez votre icon, écrivez votre SMS, et postez.

Un second téléphone apparaît en dessous du premier, avec le premier SMS, puis le votre à la suite.

 L'expéditeur appliquera le même procédé pour répondre.
Citer le post précédent, supprimer les balises "quote", et coller cette fois-ci la réponse de l'expéditeur après le message envoyé par son interlocuteur

Le destinataire répond de la même manière que précédemment.


etc, etc, etc...


Tout se résume donc à un copier/coller bien placé. Tout ce blabla pour ça ! ( Ok c'est un peu plus que ça, mais dans les faits, rien de trop compliqué. )


Astuce : Si vous envoyez un message plutôt court, la bulle de conversation se placera tout en haut de votre icone, et donnera un rendu assez inesthétique. ( Vous verrez bien de quoi je parle en essayant. )
Vous pouvez centrer la bulle en sautant d'une ou deux lignes dans le code, juste avant la balise correspondant à votre message :

Code:
<div class="mes1r">Coucou fräulein</div>

Cette balise là. ~


Enfin, vous pouvez, après chaque nouveau message envoyé et donc téléphone créé, supprimer le post précédant, afin de ne garder qu'un seul téléphone sous les yeux, et d'éviter ainsi de scroller des heures et des heures durant sur des images de portable pour atteindre votre dernier SMS. Ça n'engage que vous cela dit, libre à chacun de faire comme il l'entend !



Amusez-vous !
Et pas de textos en cours.





PS : Pour toutes questions, s'adresser à Livaï, parce qu'Armin est une putain de bite pour suivre un tuto.

PS n°2 : Hey... c'est pas de ma faute si tu expliques comme une quiche D: ... Mais oui, adressez-vous à Livaï si vous avez un problème avec ce code. ♥
Revenir en haut Aller en bas
Page 1 sur 1

Sauter vers :
Vous ne pouvez pas répondre aux sujets dans ce forum
SNK ♦ High School :: Gestion des Personnages :: SMS-