Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:03









caption_text





caption_text





caption_text
   








Send a chat




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>
Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:10
Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:16
https://tessisamess.insanejournal.com/122477.html#cutid1




































Name & Name



Subtitle









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
Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:18
https://tessisamess.insanejournal.com/117986.html#cutid1







SUBJECT
DATE










YOUR_NAME
to THEIR_NAME









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
Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:20
https://tessisamess.insanejournal.com/105744.html#cutid1










Name

00 / G / Location





ABOUT_YOU



























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
Les esprits
Les esprits
(•._.• PNJ •._.•)
Avatar & Copyright : Lily Cat
Habitation : ...

Mes RPs en cours : ...
Français uniquement

Mes écrits : 229
https://river-and-hills.forumactif.com

Resources codes divers Empty
# Ven 30 Juil - 23:29



image de couverture
Lëan Vandorallen

image de profil

symbole intro
"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


image de profil
Tom Waller
2 Juin, 23:12


C'est thème Cyborg à la Fleurette ! Ton cocktail t'attends :coktail:


barre séparation
like
32
10 commentaires

barre séparation
barre commenter





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
Contenu sponsorisé

Resources codes divers Empty
#

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers: