Le Motismart est, pour la faire courte, un exemplaire du dernier modèle de téléphone produit à travers le monde, dans lequel un Motisma a élu domicile. Si quelques conservateurs s'accrochent encore à leurs archaïques téléphones, la majorité de la population est maintenant équipée de l'un de ces bijoux de technologie.

Le modèle que nous vous proposons ici a été mis au point par Carpo et les dessins qui le composent ont été réalisés par Lyr'se Aquilae (à l'exception de l'image de fond, trouvée sur Pinterest). Un grand merci à eux

Motismart d'exemple:

Aucune raison de vous inquiéter, ce n'est absolument pas compliqué. Procédez par étapes pour prendre ce petit outil en main et ensuite, vous pourrez vous amuser comme vous le voulez.

En premier lieu, voici le code du Motismart vide :

Code:

<link href="https://www.aht.li/3535966/Motismart_PS.css" rel="stylesheet"><div class="CadreMoti_PS"><div class="EcranMoti_PS"><div class="HeureMoti_PS">20:30</div><div class="ContactMoti_PS"> <img src="https://zupimages.net/up/20/35/ke7b.png" class="SymboleContact_PS"><div class="NomContact_PS">Nom du contact<br>06XXXXXXXX</div><img src="https://zupimages.net/up/20/35/42is.png" class="SymboleContact_PS"> <img src="https://zupimages.net/up/20/35/mpou.png" class="SymboleContact_PS"></div><div class="ZoneSMS_PS" style="background-image:url(https://i.pinimg.com/564x/17/0a/58/170a58d0de918d3ee8b139983c0e0b16.jpg)"></div><div class="BandeBas_PS"></div></div></div>

Déjà à cette étape, vous pouvez vous pencher sur le fond : ce beau Noctunoir peut-être changé, et il vous suffit pour cela de modifier l'adresse de l'image dans cette partie du code (à la fin) :

Code:

<div class="ZoneSMS_PS" style="background-image:url(https://i.pinimg.com/564x/17/0a/58/170a58d0de918d3ee8b139983c0e0b16.jpg)">

Bien sûr, vous changez à votre guise le nom du contact et le numéro de téléphone associé.

Le reste des éléments sera à incorporer dans la partie ZoneSMS_PS, comme ceci :

Code:

<div class="ZoneSMS_PS" style="background-image:url(https://i.pinimg.com/564x/17/0a/58/170a58d0de918d3ee8b139983c0e0b16.jpg)">C'EST ICI QUE VOUS DEVREZ COLLER LES ÉLÉMENTS DE DIALOGUE</div>

Mais les éléments en question, alors ? Ils sont au nombre de trois : les séparations d'un jour à l'autre, les SMS, et les MMS.

Les dates :

Pour ce qui est des SMS et MMS, c'est exactement pareil, à ceci près qu'il vous faudra insérer l'image d'un icône de contact dans la zone appropriée. Vous pouvez également renseigner l'heure à laquelle le message a été envoyé.
Lorsque plusieurs messages sont envoyés à la suite par la même personne, la mise en page est légèrement différente, mais cet élément est géré directement par le CSS donc vous n'avez pas besoin de vous en occuper.

SMS :

MMS :

Pour faire au plus simple, chaque personnage souhaitant utiliser notre super Motismart ouvrira un sujet dans cette section. Ce sujet devra avoir pour titre "Prénom Nom || numéro de téléphone"
Nous vous conseillons ensuite de vous préparer vos petits codes pour y avoir accès plus facilement lorsque vous devez vous en servir. Ensuite, c'est à vous de voir comment vous voulez vous organiser ! Nous vous conseillons personnellement de faire un post par contact avec lequel vous échangez des messages, histoire de pouvoir simplement éditer le contenu du Motismart au fil du temps, mais c'est vous qui voyez.