10°C - 21°C La chaleur se fait moins brutale mais la fraicheur reste agréable. Doucement, l'été laisse place à l'automne même si, pour l'instant, les couleurs du paysage restent vives. Les baignades et les promenades au soleil sont toujours d'actualité, tout comme les soirées à la belle étoile. Il fait bon vivre !
Informations Le forum se déroule à Ottawa, Canada . Nous ne demandons aucun minimum de mots . Nous faisons un recensement mensuel . Avatar réel et doublons nom/prénom interdit.
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
caption_text
caption_text caption_text
CODING Code: <div style="width:350px;height:675px;margin:0 auto 3px auto;background:#ddd url(YOUR_IMAGE)center;background-size:cover;font-family:arial,sans-serif;font-size:15px;color:#fff;text-align:center;display:flex;flex-direction:column;line-height:1.3;box-sizing:border-box;"> <!--MORE OPTIONS--> <div style="padding:30px 10px 0 0;text-align:right;"><img src="https://i.imgur.com/uVsgSSo.png"></div> <!--SNAP TEXT - DEFAULT--> <div style="margin:auto 0 0 0;background:rgba(0,0,0,0.6);padding:7px 10px;"> caption_text </div> <!--SNAP TEXT - BIG TEXT--> <b style="margin:auto 0 0 0;font-size:30px;transform:rotate(-7deg);"> caption_text </b> <!--SNAP TEXT - LABEL--> <div style="margin:auto 0 0 0;font-family:monospace;letter-spacing:2px;"><span style="background:#000;padding:7px 20px;line-height:3;"> caption_text </span></div> <!--OPTIONS BAR--> <div style="margin:auto 0 0 0;padding:0 5px 5px 5px;"> <img src="https://i.imgur.com/57tzsrw.png"> <div style="display:flex;justify-content:center;align-items:center;margin:5px 0 0 0;"> <div style="width:31px;height:31px;border:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.4);border-radius:100%;margin:0 5px 0 0;display:flex;justify-content:center;align-items:center;"><img src="https://i.imgur.com/NWlbd2F.png" style="margin:0 0 1px 0;"></div> <b style="width:calc(100% - 45px);height:33px;border:1px solid rgba(255,255,255,0.5);background:rgba(0,0,0,0.4);border-radius:33px;box-sizing:border-box;text-align:left;line-height:32px;padding:0 0 0 18px;">Send a chat</b> </div> </div> </div><center style="font-family:calibri;font-size:10px;letter-spacing:2px;color:#999;text-align:center;"><a href="http://tessisamess.insanejournal.com/133437.html" style="text-decoration:none;color:#bbb;">CODING</a></center>
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
https://tessisamess.insanejournal.com/122477.html#cutid1 Code: <lj-raw><div style="margin:0 auto;width:600px;"> <!--GRID--> <div style="border-radius:20px;background:#fff;border:1px solid #ddd;padding:10px;"><div style="height:600px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:'one three six six' 'one four four seven' 'two five five seven' 'two five five seven';grid-gap:10px;overflow:hidden;border-radius:15px;"> <div style="grid-area:one;background:#ddd url(BG1)center;background-size:cover;"></div> <div style="grid-area:two;background:#ddd url(BG2)center;background-size:cover;"></div> <div style="grid-area:three;background:#ddd url(BG3)center;background-size:cover;"></div> <div style="grid-area:four;background:#ddd url(BG4)center;background-size:cover;"></div> <div style="grid-area:five;background:#ddd url(BG5)center;background-size:cover;"></div> <div style="grid-area:six;background:#ddd url(BG6)center;background-size:cover;"></div> <div style="grid-area:seven;background:#ddd url(BG7)center;background-size:cover;"></div> </div></div> <!--FOOTER--> <div style="margin:-70px 0 0 -20px;display:flex;align-items:center;"> <!--IMAGES--> <div style="transform:rotate(-15deg);margin:0 30px 0 0;"> <div style="-webkit-mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:100px;height:100px;"> <div style="height:100%;background:#bbb url(IMG_2)center;background-size:auto 120%;"></div> </div> <div style="-webkit-mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;mask:url(https://i.imgur.com/qQtyImz.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:100px;height:100px;margin:-40px 0 0 20px;transform:rotate(15deg);"> <div style="height:100%;background:#ddd url(IMG_1)center;background-size:cover;"></div> </div> </div> <!--TITLES--> <div style="padding:25px 0 0 0;line-height:1;"> <h4 style="font-family:georgia,serif;font-size:30px;margin:0;font-weight:normal;color:#000;"> Name & Name </h4> <b style="font-family:helvetica,sans-serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#222;"> Subtitle </b> </div> </div> <div style="text-align:right;margin:-40px 0 0 0;"><a href="http://tessisamess.insanejournal.com/122477.html" style="text-decoration:none;font-size:8px;letter-spacing:3px;color:#aaa;">CODE BY</a></div></div></lj-raw
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
https://tessisamess.insanejournal.com/117986.html#cutid1 SUBJECT DATE
MESSAGE_CONTENT
Reply ⇨ Forward Delete ✘ Spam Code: <lj-raw><div style="width:500px;margin:0 auto;background:#fff;font-family:arial,sans-serif;font-size:12px;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2);line-height:1;border-radius:5px;color:#222;">
<!--HEADER-->
<div style="display:flex;justify-content:space-between;padding:8px 12px;background:#A9C4CD;background-image:linear-gradient(to bottom,rgba(0,0,0,0.3),transparent);color:#fff;font-size:11px;letter-spacing:.5px;border-radius:5px 5px 0 0;">
<b>SUBJECT</b>
<span>DATE</span>
</div>
<!--SENDER INFO-->
<div style="padding:10px;margin:0 10px;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;">
<img src="ICON_HERE" style="width:45px;height:45px;border-radius:100%;background:rgba(0,0,0,0.1);margin:0 15px 0 0;">
<div style="font-size:13px;">
<b>YOUR_NAME</b>
<div style="margin:5px 0 0 0;opacity:0.5;">to THEIR_NAME</div>
</div>
</div>
<!--EMAIL CONTENT-->
<div style="padding:25px;line-height:1.8;">
MESSAGE_CONTENT
</div>
<!--FOOTER-->
<div style="padding:10px;margin:0 10px;border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:flex-end;font-size:10px;letter-spacing:1px;border-radius:0 0 5px 5px;">
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">
Reply</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">⇨ Forward</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">
Delete</b>
<b style="padding:5px 10px;margin:0 0 0 10px;border:1px solid rgba(0,0,0,0.15);border-radius:4px;">✘ Spam</b>
</div>
</div><div style="width:500px;margin:5px auto 0 auto;font-family:arial,sans-serif;font-size:6px;letter-spacing:2px;text-align:right;"><a href="http://tessisamess.insanejournal.com/117986.html" style="color:#999;text-decoration:none;">CODE BY</a></div></lj-raw>
_________________
Be careful what you wish for
☽☽ compte pnj ☽☽
merci de joindre les admins ou de l'invoquer par
ici by Wiise
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
https://tessisamess.insanejournal.com/105744.html#cutid1 Name 00 / G / Location
ABOUT_YOU
username sent you a message! Message_contentMESSAGE username sent you a flirt!FLIRT CODE BY Code: <lj-raw><div style="width:350px;margin:0 auto 5px auto;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.4;color:#111;"> <!---IMAGES---> <div style="height:300px;overflow:hidden;background:#ddd;font-size:20px;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"> <!---IMAGE ONE---> <a name="one"></a> <div style="height:300px;background:url(IMG_ONE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">●</a> <a href="#two" style="text-decoration:none;color:#fff;">○</a> <a href="#three" style="text-decoration:none;color:#fff;">○</a> <a href="#four" style="text-decoration:none;color:#fff;">○</a> </div> </div> <!---IMAGE TWO---> <a name="two"></a> <div style="height:300px;background:url(IMG_TWO)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">○</a> <a href="#two" style="text-decoration:none;color:#fff;">●</a> <a href="#three" style="text-decoration:none;color:#fff;">○</a> <a href="#four" style="text-decoration:none;color:#fff;">○</a> </div> </div> <!---IMAGE THREE---> <a name="three"></a> <div style="height:300px;background:url(IMG_THREE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">○</a> <a href="#two" style="text-decoration:none;color:#fff;">○</a> <a href="#three" style="text-decoration:none;color:#fff;">●</a> <a href="#four" style="text-decoration:none;color:#fff;">○</a> </div> </div> <!---IMAGE FOUR---> <a name="four"></a> <div style="height:300px;background:url(IMG_FOUR)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <div style="padding:0 0 10px 0;"> <a href="#one" style="text-decoration:none;color:#fff;">○</a> <a href="#two" style="text-decoration:none;color:#fff;">○</a> <a href="#three" style="text-decoration:none;color:#fff;">○</a> <a href="#four" style="text-decoration:none;color:#fff;">●</a> </div> </div> </div> <!---PROFILE INFO---> <div style="padding:15px;border-bottom:1px solid rgba(0,0,0,0.1);"> <b style="font-size:22px;color:#05BB95;">Name</b><br> 00 / G / Location </div> <!---PROFILE BLURB---> <div style="padding:20px;max-height:300px;overflow:auto;box-sizing:border-box;line-height:1.6;"> ABOUT_YOU </div> <!---BUTTON INTERACTIONS---> <div style="border-top:1px solid rgba(0,0,0,0.1);display:flex;justify-content:center;"> <!---MATCH BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;border-right:1px solid rgba(0,0,0,0.1);margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/ScI5Hsw.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> matched with you!</span></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/ScI5Hsw.png)center left no-repeat;background-size:23px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">MATCH</button> </form> <!---MESSAGE BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;border-right:1px solid rgba(0,0,0,0.1);margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><lj-raw><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/P3gZl1b.png" style="height:20px;margin:0 5px -4px 0;"> <b style="color:#05BB95;">username</b> sent you a message! <blockquote style="border-left:5px solid #ddd;padding:0 0 0 10px;"> Message_content </blockquote></span></lj-raw></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/P3gZl1b.png)center left no-repeat;background-size:20px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">MESSAGE</button> </form> <!---FLIRT BUTTON---> <form method="post" action="ENTRY_URL?mode=reply" style="width:33.3%;margin:0;padding:5px 0;"> <textarea id="msgbody" name="body" style="display:none;"><span style="font-family:century gothic,helvetica,arial,sans-serif;"><img src="https://i.imgur.com/w2B4FYG.png" style="height:20px;margin:0 5px -4px 0;"><b style="color:#05BB95;">username</b> sent you a flirt!</span></textarea> <button id="msgsub" type="submit" style="width:100%;height:30px;padding:0 0 0 30px;margin:0 10px!important;background:url(https://i.imgur.com/w2B4FYG.png)center left no-repeat;background-size:22px;border:none;cursor:pointer;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;font-weight:bold;color:#05BB95;text-align:left;letter-spacing:1px;">FLIRT</button> </form> </div> </div><center><a href="http://tessisamess.insanejournal.com/" style="font-family:century gothic,helvetica,arial,sans-serif;font-size:8px;color:#bbb;text-decoration:none;">CODE BY</a></center></lj-raw>
_________________
Be careful what you wish for
☽☽ compte pnj ☽☽
merci de joindre les admins ou de l'invoquer par
ici by Wiise
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...
Mes RPs en cours : ...
Mes écrits : 229
Lëan Vandorallen
"Si vous voulez dépasser les limites dans lesquelles la société vous cantonne, il faut vous battre."
Ingénieur Robotique
District 2
A étudié à: E.I.R du District 1
Célibataire
Tom Waller
2 Juin, 23:12
C'est thème Cyborg à la Fleurette ! Ton cocktail t'attends :coktail:
32
10 commentaires
@Nasträlya
Code: <style> .prayablock {margin:auto; width:700px; height:auto; background-color: #a5a5a5} .profilpraya { float: left; margin-top: -100px; position: relative; margin-left: 31px; border-radius: 50%; border: 3px solid #ffffff; } .barreblanche { background-color: #ffffff; height: 50px; margin-bottom: -21px; } .barrenav_praya { float: right; height: 30px; margin-top: 12px; padding-right: 33px; } .info_praya { background-color: #ffffff; float: left; height: auto; width: 200px; } .publi_praya {background-color:#ffffff; float: left; height:auto; width:478px; } .Idpraya { position: absolute; color: #ffffff; margin-left: 190px; margin-top: -27px; font-size: 20px; font-family: arial; } .Idpost { color: #a4cecc; font-size: 15px; font-family: arial; font-weight: bold; margin-top: 15px; margin-left: 63px; } .date_praya { color: #a5a5a5; margin-left: 62px; font-size: 12px; } .contenant_praya {color: #a5a5a5; font-size: 12px; font-family: arial; margin-top: -30px; float: right; display: flex; } .praya_tiret {padding-left:10px; padding-right:10px; color:#a4cecc;} .citapraya{background-color:transparent; width:200px; margin:auto; text-align:center;} .textcitapraya{color:#191919; font-size:12px; font-family:arial; padding:7px;} .separapraya{margin-left:50px;} .infointro{padding-left:7px;padding-bottom:8px;color:#191919;} .infointro span{font-size:12px; color:#a5a5a5; padding-right:6px;} .infointro img{margin-right:6px;} .textinfo{padding-bottom:8px; padding-left:6px; float:right; color:#191919;}.etudeinfo{font-size:12px; color:#a5a5a5;float:left; padding-left:6px;} .imgecole{float:left;} .imgpost{border-radius:50%; float:left; padding-right:10px; padding-left:6px; padding-top:5px; width:40px; height:40px;} .fontpublipraya{ background-color:transparent; margin:auto; text-align:center;}.publipraya{color:#191919; font-size:12px; font-family:arial; padding:9px;} .fontjaime{background-color:transparent; float:left; width:200px;} .likepraya{color:#a5a5a5; font-size:14px; font-family:arial; float:left; padding-left:5px; padding-top:2px;} .imglikepraya{margin-left:7px; margin-bottom:7px; margin-right:5px; float:left;} .nbrcom{color:#a5a5a5; font-size:14px; font-family:arial; float:right; padding-top: 2px; padding-right:7px;} .comentbarre{margin-bottom: 10px;} .fontinfopubli{background-color:transparent; width:700px; height:auto;} .copyright_oceen{background-color:transparent; margin:auto; text-align:center; color:#BDBDBD; font-size:10px; padding:5px;} .blocpublicationP{float:right; background-color:transparent; margin-top:-36px;} .intropad{padding:5px;} </style> <!-- le haut de page --><div class="prayablock"><img src="https://zupimages.net/up/20/06/p4qr.png"/> <!-- l'url de l'image de couverture --><img src="https://zupimages.net/up/20/06/yljn.jpg" alt="image de couverture" /><!-- le nom et prenom --><div class="Idpraya">Lëan Vandorallen</div> <!-- l'image de profil --><img src="https://zupimages.net/up/20/06/t80b.jpg" alt="image de profil" class="profilpraya"/><div class="barreblanche"><div class="barrenav_praya"> <!-- les liens --><div class="contenant_praya"><a href="URL ICI">Amis</a><div class="praya_tiret">|</div><a href="URL ICI">Photos</a><div class="praya_tiret"> |</div><a href="URL ICI">Plus ▼</a></div></div></div> <!-- la colonne introduction --><div class = "info_praya"><img src="https://zupimages.net/up/20/06/o8cy.png" alt="symbole intro" class="intropad"/><div class="citapraya"><!-- le texte d'introduction --><div class="textcitapraya">"Si vous voulez dépasser les limites dans lesquelles la société vous cantonne, il faut vous battre."</div></div> <div class="separapraya"><img src = "https://zupimages.net/up/20/06/43gq.png"/></div> <div class="infointro"><img src="https://zupimages.net/up/20/06/cd5z.png"/><!-- le métier --> Ingénieur Robotique </div><div class="infointro"><img src="https://zupimages.net/up/20/06/5fcz.png"/><!-- le lieu d'habitation --> District 2 </div><div class="infointro"> <img src="https://zupimages.net/up/20/06/i96z.png"/><span>A étudié à:</span><!-- l'école où le personnage a étudié --> E.I.R du District 1</div> <div class="infointro"><img src="https://zupimages.net/up/20/06/gu3q.png"/><!-- Situation -->Célibataire </div></div> <!-- profil et pseudo publication --><div class="blocpublicationP"><div class="publi_praya"><!-- url image de profil --><img src="https://zupimages.net/up/20/10/b7ak.jpg" alt="image de profil" class="imgpost"/><!-- nom prénom --><div class="Idpost">Tom Waller</div><!-- date publication --><div class="date_praya">2 Juin, 23:12</div> <!--publication--><div class="fontpublipraya"><div class="publipraya"> C'est thème Cyborg à la Fleurette ! Ton cocktail t'attends :coktail:</div></div> <!-- bas de la publication --><img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/> <div class="fontjaime"><img src = "https://zupimages.net/up/20/06/smvg.png" alt="like" class="imglikepraya"/><!-- nombre de likes --><div class="likepraya">32</div></div><!-- nombre de commentaires --><div class="nbrcom">10 commentaires</div> <img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/> <img src="https://zupimages.net/up/20/06/9fy3.png" alt="barre commenter" class="comentbarre"/></div> </div> <div class="copyright_oceen">@Nasträlya</div></div>
_________________
Be careful what you wish for
☽☽ compte pnj ☽☽
merci de joindre les admins ou de l'invoquer par
ici by Wiise
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum