|
| @metawin_soldier écrit Mar 4 Jan - 23:20 |
- code:
- Code:
-
<div id="mobile"> <header id="notification-bar"> <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-battery-half" aria-hidden="true"></i> 3:56PM </header> <section id="title-bar"> <div> <i class="fa fa-chevron-left pad-right" aria-hidden="true"></i>@metawin_soldier </div> <div id="title-right"> <i class="fa fa-phone pad-right" aria-hidden="true"></i> <i class="fa fa-ellipsis-v pad-right" aria-hidden="true"> </i> </div> </section> <section id="chat-section"> <section class="chat"> <div class="chat-face"><img class="chat-face" src="https://i.pinimg.com/564x/11/80/a7/1180a74673a7cd2e5c05ab3f3c8a57af.jpg"></div> <div class="chat-body">yo.<span class="time">8:30AM</span> </div> <div class="chat-space"></div> </section>
<!--DEBUT DE TON MESSAGE A COPIER--!><section class="chat"> <div class="chat-space"></div> <div class="chat-body body2">Ton message<span class="time">9:30AM <i class="fa fa-circle green" aria-hidden="true"></i></span> </div> <div class="chat-face face2"><img src="https://i.pinimg.com/564x/af/ca/e3/afcae37c18ed521338b7cd5d2678d06c.jpg"></div></section><!--FIN DU MESSAGE --!></section><section id="input-bar"><textarea rows="2" id="sendText" name="sendText" placeholder="Ecris ton message"></textarea> <button><img src="https://cdn.pixabay.com/photo/2015/12/07/22/53/paper-planes-1081560_1280.png" style="width:20px" ;=""></button></div> <style>html, body { background: #212121; text-align: center; margin: auto; padding: 50px; font-family: Roboto; } button { border: none; background: #4db848; color: #fff; padding: 10px;} button:focus { border: 0px; outline: none; } button:active { background: #00ACC1; } #chat-section {padding: 5px;overflow: auto;height: 450px; } #input-bar { border-top: 1px solid #126c0e; position: absolute; bottom: 0px; width: 100%; display: flex; justify-content: space-between; } #mobile { margin: auto; width: 375px; height: 568px; background: #fff; position: relative; } #notification-bar { background: #126c0e; text-align: right; height: 20px; color: #fff; padding: 2px 5px 0px 5px; } #sendText { flex: 2; border: 0px; font-size: .9em; padding: 10px; overflow: hidden; resize: none; background: #FAFAFA; &:focus { border: 0px; outline: none; } } #title-bar { background: #4db848; height: 50px; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; } .chat { display: flex; padding: 5px 10px; } .chat-face > img { background: #80DEEA; height: 50px; width: 50px; object-fit: cover; border-radius: 100%;} .face2 { background: #FF7043; height: 50px; width: 50px; } .chat-body { background: #f1f1f1; flex: 2; padding:10px; text-align: left; font-size: 14px;border-radius: 10px;margin-left: 10px;} .time { color: #616161; display: block; align-items: flex-end; text-align: right; font-size: 0.7em; } .chat-body.body2 {background: #4db848;color: white; margin-right:10px;} .chat-space { width: 30px; } /* colors */ .green { color: #8BC34A; } .orange { color: #FF9800; } .pad-right{ padding-right: 10px; }</style>
|
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 6 Jan - 1:41 |
Salut Win ! T'es occupé ? Je t'ai pas vu connecté encore 17:03 PM En fait, j'avais bien besoin de me changer les idées et j'espérais te trouver sur le jeu en rentrant chez moi.. 17:05 PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 6 Jan - 21:13 |
Salut Win ! T'es occupé ? Je t'ai pas vu connecté encore 17:03 PM En fait, j'avais bien besoin de me changer les idées et j'espérais te trouver sur le jeu en rentrant chez moi.. 17:05 PM salut mec. j'suis libre dans une heure. je termine mon travail sur les pneus d'une bagnole et j'suis tout à toi pour te défoncer au game :p17:08 PM 1h ? Je serais patient alors. Ca s'est bien passé ta journée au garage ? 17:10 PM [/quote] |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 6 Jan - 22:10 |
ouais plutôt bien. je vais t'envoyer plus tard une photo du modèle de la caisse sur laquelle j'ai bossé aujourd'hui. c'était jouissant. et toi ?17:12 PM J'ai hâte de la voir alors ! Une journée de cours classique.. 17:14 PM [/quote] |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 6 Jan - 22:27 |
classique dans le genre, on t'a dragué dix fois, les cours étaient bofs et t'as mangé un repas basique ce midi ? le bijou xx:xx PM Superbe en effet ! Peut être que je devrais m'en payer une comme ça aussi, je t'embaucherais pour en prendre soin ~ xx:xx PM Plutôt classique dans le genre.. Mon mec m'a fait une crise de jalousie ce matin parce que je me faisais draguer, ce midi il m'a plaqué et cette après midi, j'ai séché pour me changer les idées.. xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 6 Jan - 23:14 |
mec, si tu t'en achètes une, j'viens même te la faire briller tous les gratuitement si tu me laisses monter dedans.xx:xx PM du coup, t'es plus avec ton mec ?xx:xx PM Un garagiste personnel, ça se refuse pas ! Bien sur que je te ferais monter dedans, tu pourra même la conduire si tu veux ! xx:xx PM C'est le principe de se faire plaquer ouais.. J'ai l'habitude pourtant, mais ça met toujours un coup.. xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Sam 8 Jan - 0:35 |
je pourrais être ton chauffeur si tu veux. et pour ton mec, je pensais que t'allais me sortir un truc du genre "on s'est remis ensemble après le dessert". mais tant pis pour lui, c'était un connard. j'le connais pas, mais c'est un débile de t'avoir quitté. laisse les amours de côté et fais comme moi : joue aux jeux xx:xx PM Tu supporterais de travailler pour un membre de la famille Chinda ? Ahah Je trouverais bien quelqu'un pour me réconforter une nuit ou deux.. Je dois faire comme toi et être nul aussi aux jeux ? xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Jeu 20 Jan - 0:00 |
je supporterais de travailler pour toi, je pense... je m'avance peut-être :p je te trouverais quelqu'un de fiable. fais le mâlin, j'ai bientôt terminé le boulot, j'vais te mettre k.o au jeu. xx:xx PM Ca serait sympa d'avoir un ami de son côté, je me sentirais moins seul par moment comme ça ! Me trouver quelqu'un de fiable ? Si tu parles pour un petit ami, je m'en passerais pour le moment je crois. Juste un amant de passage suffira. Tu veux te proposer pour la place ? Vas y, je t'attends ! On verra qui mènera le jeu ! xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Ven 21 Jan - 23:39 |
même pas au bout d'une heure, tu me demanderas de dégager parce que tu en auras marre de moi. et pareil pour l'amant. j'suis pas assez intéressant et tu sais mon second métier...
j'suis libre c'est bon ! (j'suis sur le trottoir, mais on s'en fout) je lance le jeu ramène ton cul !xx:xx PM ... tu m'envoies une photo de toi ? parce que j'sais plus à quoi tu ressembles xx:xx PM Je suis prêt à prendre le pari que je te garderais ! Ah t'es chiant avec ça.. Moi je te trouve intéressant, alors tu sais quoi, on s'en fout des autres. Ok ? Pour ton second métier.. Ouais je sais, désolé, c'était une blague un peu naze. Qu'est ce que tu fous sur le trottoir ? Va au moins d'installer dans un café ou quoi Mais vas y, j'arrive, je vais te mettre la misère tu va voir ! Une photo de moi ? euh.. Si tu veux. Mais j'en veux une aussi en échange alors ! xx:xx PM xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Sam 22 Jan - 1:35 |
ne parie pas c'est dangereux.
mais toi, t'es trop gentil avec moi. t'excuses pas, t'as rien fait de mal.
flemme, j'suis mieux dehors, personne ne me fait chier comme ça :p
c'est quoi cette photo ? tu cherches à me draguer ou quoi ?xx:xx PM c'est le mieux que je puisse faire. xx:xx PM C'est normal d'être gentil avec ses amis et toi, t'es même au dessus. Tu sais que c'est pas moi qui te jugerais. Ah bah écoute, si t'es mieux dehors alors.. T'as de la chance, il fait pas trop froid ! Je viens juste de la prendre, c'est parce que je suis étalé sur mon parquet. Pourquoi, tu me trouves à ton goût ?~ Ah ouais, t'es au max là, à ce que je vois xx:xx PM Si j'avais voulu te draguer, j'aurai plutôt envoyé une photo du genre xx:xx PM [/quote] |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Sam 22 Jan - 19:25 |
tout le monde n'est pas comme ça et ne pense pas comme ça. j'suis entouré tellement de connards. j'ai pas l'habitude qu'on me donne de l'importance (positivement) comme tu le fais. ça m'fait bizarre.
tkt chez moi, il fait tout aussi froid, j'ai pas le chauffage, donc ça me change rien.
j'ai pas dit ça pour la photo. mais je comprends pourquoi tu trouves des amants si tu envoies ce genre de photos.
j'ai honte de te montrer mon visage. on est pas au même level.xx:xx PM t'as de belles mains.xx:xx PM C'est parce que je suis pas tous le monde voyons. Va bien falloir que tu t'habitudes, parce que je compte bien continuer ! Attends qu'on se voit enfin, je vais bien prendre soin de toi Win ! Je te proposerais bien de venir chez moi, y a le chauffage et on pourrait se poser tranquille pour jouer.. Tu veux ? Ouais, le plus dur c'est pas de les trouver, c'est de les garder en général.. ahah.. Dis pas ça, je suis sur que t'es beau gosse aussi. Même si là t'as plutôt l'air bizarre à te cacher dans ta capuche xx:xx PM Merci. C'est vrai que je les aime bien mes mains.. xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 17:35 |
arrête avec tes mots doux, j'vais rougir et j'aime pas ça. non >.< j'vais être stressé si j'dois te voir tu ne sais toujours pas que je suis un mec bizarre ?! xx:xx PM t'as des mains de pianiste.xx:xx PM Je serais prêt à payer pour te voir rougir tiens ! Peut être que j'essayerais quand j'aurai l'occasion de te voir, ça sera encore mieux qu'une photo Ca veut dire que tu voudra jamais me voir alors ? Pourtant, j'ai bien envie que ça arrive moi.. Enfin, quand tu sera prêt évidemment. Bien sur que je le savais déjà ! Je ne faisais que le rappeler une nouvelle fois xD xx:xx PM J'ai fais du piano quand j'étais plus jeune, mais je suis pas sur de me souvenir encore comment on fait xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 18:02 |
j'vais te botter les fesses, tu vas moins faire le malin et tu ne voudras plus me voir rougir !
bien sûr que si. >.< j'ai envie de te voir. putain tu m'fais chier. TT j'ai envie de te voir et te mettre une raclée en vrai pour changer des jeux. mais c'est stressant. ça se trouve, tu fais 1m90, tu me l'as pas dit... c'est quoi ta taille d'ailleurs ? è_éxx:xx PM tu pourras pianoter sur moi... JE RIGOLE ATTENTION !xx:xx PM Je savais que c'était important la taille pour toi T'inquiète, j'en suis encore loin, je fais seulement 1m78. C'est pas si grand pour un homme ! Et toi alors ? Tu m'as pas dis ta taille non plus je te ferais remarquer. Mais, si tu es plus petite, ça sera plus pratique pour te serrer dans mes bras et comme ça, tu voudra plus me mettre de raclée xx:xx PM Je peindrais des touches noires et blanches sur ton corps pour m'entrainer. T'inquiète, je serais très assidue xx:xx PM [/quote] |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 18:13 |
tg. "petite" tu me prends déjà pour une fille ! è_é j'fais... 1m74. t'as pas intérêt à me confondre avec une peluche sinon je te mords.xx:xx PM ça ne veut pas dire que tu es mon aîné que tu as le droit de tout faire sur moi. le piano vivant va s'écrabrouiller sur toi et t'étouffer !xx:xx PM Oups, faute de frappe, mon doigt à glissé Fais gaffe, peut être que j'aime ça quand on me mord. Qui sait~ Ca va encore 4 cm de moins, c'est pas tant que ça. Mais c'est assez pour que je te dépasse au moins ! xx:xx PM Si le piano vivant m'étouffe avec amour, ça sera toujours mieux que rien. Mais t'en fais pas, je m'entraine toujours avec douceur xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 18:28 |
c'est révélateur comme erreur. je mords pas avec douceur. j'vais te laisser une marque pendant longtemps comme ça tu pourras te rappeler de ma puissance ! j'vais te buter. pour ta vie, j'suis pas certain que ce soit une bonne idée de se voir.xx:xx PM amour, mes fesses ouais. ta douceur tu peux te la garder >.< j'veux juste conduire ta bagnole et te mettre une raclée en vraie car tu l'as bien mérité. j'vais venir masqué au pire et je vais te faire une prise de kung fu. alors toujours intéressé à me voir ?xx:xx PM On va éviter pour la morsure alors.. Comment je vais trouver quelqu'un moi après si j'ai déjà des marques ! Je me dis que tu sera pas capable de me faire vraiment du mal, t'as pas l'air d'être ce genre de personne ~xx:xx PM Je suis triste que tu veuilles pas me donner d'amour alors.. Pas de soucis, je te laisserais prendre le volant de ma voiture et tu me conduira ! Ouais, j'ai toujours envie de te voir. Même si tu voulais vraiment me faire une prise de kung Fu xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 18:44 |
t'es le pote le plus proche que j'ai. t'as de la chance, j'vais pas te faire trop de mal. comme ça, tu pourras aller voir ton prince charmant et lui demander de l'amour.xx:xx PM tu vas trouver de l'amour avec quelqu'un d'autre. j'suis pas mielleux comme gars. mais j'peux être sympa. j'peux te masser les épaules si tu veux, mais réclame pas trop. j'vais te conduire au delà de la ville, on va se perdre ensemble. surtout que... petit détail, j'ai pas mon permis de conduire. t'es persévérant. c'est bien. t'es pas mon ami pour rien.xx:xx PM Quel prince charmant..? T'as oublié, je me suis fais plaquer aujourd'hui.. ahah.. Du coup, bah j'ai personne pour me donner de l'amour pour l'instant. Mais c'est pas grave, parce que je t'ai toi déjà. Et un ami c'est plus important qu'un mec. xx:xx PM Ah t'as pas le permis ? Je vais peut être pas te laisser ma voiture tant qu'on est en ville alors.. Je te laisserais le volant quand on sera sur une route vide de monde à la limite, mais pas avant xD Bien sur que je suis persévérant ! Tu le savais pas encore ? xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 19:17 |
j'ai pas oublié que tu t'es fait largué. laisse les abrutis. et j'suis bien d'accord avec toi pour les potes. après... j'fais un bel abrutis aussi.
tkt pas, j'ai déjà conduit. tu parles avec un mauvais garçon n'oublies pas. mais, c'toi le patron. j'vois bien que t'es persévérant surtout avec les mecs.xx:xx PM ........tu veux qu'on se voir quand ?xx:xx PM ...... Vraiment ? xx:xx PM Sérieux ? T'es sur de toi ? xx:xx PM J'en sais rien.. Maintenant ? Demain ? Quand tu veux ! xx:xx PM |
|
| |
Ft. : First Chalongrat Novsamrong Localisation : A l'hôtel ou à l'université en général.. Âge : 25
| Re: @metawin_soldier écrit Dim 6 Fév - 19:25 |
c'est toi, bientôt qui m'appellera abrutis, tu verras. on va conduire dans les campagnes. on va éviter de jouer avec le feu. surtout vu le prix de ta bagnole... j'aurais pas assez de vie pour te rembourser.xx:xx PM tu me stresses. j'sais pas. tu décides.xx:xx PM Au pire, je pourrais m'en racheter une. C'est pas l'argent qui nous manque dans la famille. T'aura pas besoin de rembourser quoi que ce soit. xx:xx PM Ok je décide alors. Je t'envoie mon adresse et tu viens à la maison. C'est bon pour toi ? Ah, sauf si tu préfères qu'on se voit en ville en fait.. xx:xx PM |
|
| |
| Re: @metawin_soldier écrit Ven 4 Mar - 21:36 |
Bonsoir, un petit message car, j'ai une soudaine pensée pour toi..21:30PM
- code:
- Code:
-
<div id="mobile"> <header id="notification-bar"> <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-battery-half" aria-hidden="true"></i> 3:56PM </header> <section id="title-bar"> <div> <i class="fa fa-chevron-left pad-right" aria-hidden="true"></i>@jwn </div> <div id="title-right"> <i class="fa fa-phone pad-right" aria-hidden="true"></i> <i class="fa fa-ellipsis-v pad-right" aria-hidden="true"> </i> </div> </section> <section id="chat-section"> <section class="chat"> <div class="chat-face"><img class="chat-face" src="https://i.pinimg.com/564x/11/80/a7/1180a74673a7cd2e5c05ab3f3c8a57af.jpg"></div> <div class="chat-body">yo.<span class="time">21:30AM</span> </div> <div class="chat-space"></div> </section>
<!--DEBUT DE TON MESSAGE A COPIER--!><section class="chat"> <div class="chat-space"></div> <div class="chat-body body2">Ton message<span class="time">9:30AM <i class="fa fa-circle green" aria-hidden="true"></i></span> </div> <div class="chat-face face2"><img src="https://i.pinimg.com/564x/af/ca/e3/afcae37c18ed521338b7cd5d2678d06c.jpg"></div></section><!--FIN DU MESSAGE --!></section><section id="input-bar"><textarea rows="2" id="sendText" name="sendText" placeholder="Ecris ton message"></textarea> <button><img src="https://cdn.pixabay.com/photo/2015/12/07/22/53/paper-planes-1081560_1280.png" style="width:20px" ;=""></button></div> <style>html, body { background: #212121; text-align: center; margin: auto; padding: 50px; font-family: Roboto; } button { border: none; background: #4db848; color: #fff; padding: 10px;} button:focus { border: 0px; outline: none; } button:active { background: #00ACC1; } #chat-section {padding: 5px;overflow: auto;height: 450px; } #input-bar { border-top: 1px solid #126c0e; position: absolute; bottom: 0px; width: 100%; display: flex; justify-content: space-between; } #mobile { margin: auto; width: 375px; height: 568px; background: #fff; position: relative; } #notification-bar { background: #126c0e; text-align: right; height: 20px; color: #fff; padding: 2px 5px 0px 5px; } #sendText { flex: 2; border: 0px; font-size: .9em; padding: 10px; overflow: hidden; resize: none; background: #FAFAFA; &:focus { border: 0px; outline: none; } } #title-bar { background: #4db848; height: 50px; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; } .chat { display: flex; padding: 5px 10px; } .chat-face > img { background: #80DEEA; height: 50px; width: 50px; object-fit: cover; border-radius: 100%;} .face2 { background: #FF7043; height: 50px; width: 50px; } .chat-body { background: #f1f1f1; flex: 2; padding:10px; text-align: left; font-size: 14px;border-radius: 10px;margin-left: 10px;} .time { color: #616161; display: block; align-items: flex-end; text-align: right; font-size: 0.7em; } .chat-body.body2 {background: #4db848;color: white; margin-right:10px;} .chat-space { width: 30px; } /* colors */ .green { color: #8BC34A; } .orange { color: #FF9800; } .pad-right{ padding-right: 10px; }</style>
|
|
| |
| Re: @metawin_soldier écrit Ven 4 Mar - 22:42 |
Non, je n'ai pas faim. Et toi ?21:30PM
Non, Tu veux te joindre à moi ?21:36PM - code:
- Code:
-
<div id="mobile"> <header id="notification-bar"> <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-battery-half" aria-hidden="true"></i> 3:56PM </header> <section id="title-bar"> <div> <i class="fa fa-chevron-left pad-right" aria-hidden="true"></i>@jwn </div> <div id="title-right"> <i class="fa fa-phone pad-right" aria-hidden="true"></i> <i class="fa fa-ellipsis-v pad-right" aria-hidden="true"> </i> </div> </section> <section id="chat-section"> <section class="chat"> <div class="chat-face"><img class="chat-face" src="https://i.pinimg.com/564x/11/80/a7/1180a74673a7cd2e5c05ab3f3c8a57af.jpg"></div> <div class="chat-body">yo.<span class="time">21:30AM</span> </div> <div class="chat-space"></div> </section>
<!--DEBUT DE TON MESSAGE A COPIER--!><section class="chat"> <div class="chat-space"></div> <div class="chat-body body2">Ton message<span class="time">9:30AM <i class="fa fa-circle green" aria-hidden="true"></i></span> </div> <div class="chat-face face2"><img src="https://i.pinimg.com/564x/af/ca/e3/afcae37c18ed521338b7cd5d2678d06c.jpg"></div></section><!--FIN DU MESSAGE --!></section><section id="input-bar"><textarea rows="2" id="sendText" name="sendText" placeholder="Ecris ton message"></textarea> <button><img src="https://cdn.pixabay.com/photo/2015/12/07/22/53/paper-planes-1081560_1280.png" style="width:20px" ;=""></button></div> <style>html, body { background: #212121; text-align: center; margin: auto; padding: 50px; font-family: Roboto; } button { border: none; background: #4db848; color: #fff; padding: 10px;} button:focus { border: 0px; outline: none; } button:active { background: #00ACC1; } #chat-section {padding: 5px;overflow: auto;height: 450px; } #input-bar { border-top: 1px solid #126c0e; position: absolute; bottom: 0px; width: 100%; display: flex; justify-content: space-between; } #mobile { margin: auto; width: 375px; height: 568px; background: #fff; position: relative; } #notification-bar { background: #126c0e; text-align: right; height: 20px; color: #fff; padding: 2px 5px 0px 5px; } #sendText { flex: 2; border: 0px; font-size: .9em; padding: 10px; overflow: hidden; resize: none; background: #FAFAFA; &:focus { border: 0px; outline: none; } } #title-bar { background: #4db848; height: 50px; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; } .chat { display: flex; padding: 5px 10px; } .chat-face > img { background: #80DEEA; height: 50px; width: 50px; object-fit: cover; border-radius: 100%;} .face2 { background: #FF7043; height: 50px; width: 50px; } .chat-body { background: #f1f1f1; flex: 2; padding:10px; text-align: left; font-size: 14px;border-radius: 10px;margin-left: 10px;} .time { color: #616161; display: block; align-items: flex-end; text-align: right; font-size: 0.7em; } .chat-body.body2 {background: #4db848;color: white; margin-right:10px;} .chat-space { width: 30px; } /* colors */ .green { color: #8BC34A; } .orange { color: #FF9800; } .pad-right{ padding-right: 10px; }</style>
[/quote] |
|
| |
| Re: @metawin_soldier écrit Mar 15 Mar - 15:08 |
Je ne veux pas te déranger.... 21:30PM
Non, Ne pas de bêtises, prépare toi je passe te prendre dans 10 minutes.21:36PM - code:
- Code:
-
<div id="mobile"> <header id="notification-bar"> <i class="fa fa-wifi" aria-hidden="true"></i> <i class="fa fa-battery-half" aria-hidden="true"></i> 3:56PM </header> <section id="title-bar"> <div> <i class="fa fa-chevron-left pad-right" aria-hidden="true"></i>@jwn </div> <div id="title-right"> <i class="fa fa-phone pad-right" aria-hidden="true"></i> <i class="fa fa-ellipsis-v pad-right" aria-hidden="true"> </i> </div> </section> <section id="chat-section"> <section class="chat"> <div class="chat-face"><img class="chat-face" src="https://i.pinimg.com/564x/11/80/a7/1180a74673a7cd2e5c05ab3f3c8a57af.jpg"></div> <div class="chat-body">yo.<span class="time">21:30AM</span> </div> <div class="chat-space"></div> </section>
<!--DEBUT DE TON MESSAGE A COPIER--!><section class="chat"> <div class="chat-space"></div> <div class="chat-body body2">Ton message<span class="time">9:30AM <i class="fa fa-circle green" aria-hidden="true"></i></span> </div> <div class="chat-face face2"><img src="https://i.pinimg.com/564x/af/ca/e3/afcae37c18ed521338b7cd5d2678d06c.jpg"></div></section><!--FIN DU MESSAGE --!></section><section id="input-bar"><textarea rows="2" id="sendText" name="sendText" placeholder="Ecris ton message"></textarea> <button><img src="https://cdn.pixabay.com/photo/2015/12/07/22/53/paper-planes-1081560_1280.png" style="width:20px" ;=""></button></div> <style>html, body { background: #212121; text-align: center; margin: auto; padding: 50px; font-family: Roboto; } button { border: none; background: #4db848; color: #fff; padding: 10px;} button:focus { border: 0px; outline: none; } button:active { background: #00ACC1; } #chat-section {padding: 5px;overflow: auto;height: 450px; } #input-bar { border-top: 1px solid #126c0e; position: absolute; bottom: 0px; width: 100%; display: flex; justify-content: space-between; } #mobile { margin: auto; width: 375px; height: 568px; background: #fff; position: relative; } #notification-bar { background: #126c0e; text-align: right; height: 20px; color: #fff; padding: 2px 5px 0px 5px; } #sendText { flex: 2; border: 0px; font-size: .9em; padding: 10px; overflow: hidden; resize: none; background: #FAFAFA; &:focus { border: 0px; outline: none; } } #title-bar { background: #4db848; height: 50px; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; } .chat { display: flex; padding: 5px 10px; } .chat-face > img { background: #80DEEA; height: 50px; width: 50px; object-fit: cover; border-radius: 100%;} .face2 { background: #FF7043; height: 50px; width: 50px; } .chat-body { background: #f1f1f1; flex: 2; padding:10px; text-align: left; font-size: 14px;border-radius: 10px;margin-left: 10px;} .time { color: #616161; display: block; align-items: flex-end; text-align: right; font-size: 0.7em; } .chat-body.body2 {background: #4db848;color: white; margin-right:10px;} .chat-space { width: 30px; } /* colors */ .green { color: #8BC34A; } .orange { color: #FF9800; } .pad-right{ padding-right: 10px; }</style>
|
|
| |
| Re: @metawin_soldier écrit |
|
|
| |
| @metawin_soldier | |
|