8/19/2019, 17:49
Souvent, on décore nos RPs avec des petits codes sympas. J'ai vu qu'ici, vous n'en utilisiez pas trop, du coup je me permets de faire ce sujet pour faire une sorte de "galerie" de codes, prêt à être utilisés, de tous types et genres.
Ces codes sont mes coups de cœur personnels, j'aime beaucoup les codes assez petits, avec une ou plusieurs images, et une écriture différente avec la balise
. Désolé si ce n'est pas de votre goût !À savoir : Je prends mes codes sur des forums anglais, où ils ne sont pas sur forumactif mais une autre plateforme nommée JCINK. Le fait est que les codes qui fonctionnent sur JCINK ne fonctionnent pas sur forumactif sans quelques manips ; donc tous les codes ci-dessous ont subi des petites modifs pour qu'ils puissent fonctionner sans problème ! C'est aussi pour cela que je fais ce topic, sinon vous pouvez vous débrouiller facilement sur les forums sous forumactif. Si vous trouvez un code qui vous plaît sur les forums sous JCINK, n'hésitez pas à me faire signe pour que je vous fasse les manips. o/ À savoir aussi que je code de mon côté (une petite idée de ce que j'ai déjà codé ), si vous avez un schéma, je peux essayer de vous coder un petit truc.Liste de forums de codes RP en Libre Service: CODE SOUS FORUMACTIF (directement utilisables) :
-
EPICODE ;; inscription requise.
-
Halloween -
Terrible ;; actuellement en hiatus.
-
Nectarine -
CCCrush -
Dream -
CRIMSON DAY CODE SOUS JCINK (manips à faire) :
-
caution to the wind ;; inscription requise.
-
OUT OF CONTROL ;; inscription requise.
********* (merci de ne pas retirer les crédits !) #001 [Vous devez être inscrit et connecté pour voir cette image] Code: <style type="text/css"> .caer-1 {width: 280px; margin: auto; background: url(https://subtlepatterns.com/patterns/crossword.png); border: solid 1px #efefef; padding: 5px;} .caer-2 { background: #f9f9f9; border: solid 1px #efefef; padding: 5px; } .caer-3 {width: 245px; margin: auto; margin-top: 5px; margin-bottom: 5px; background: #fff; padding: 5px; border: solid 1px #e9e9e9; } .caer-4 { width: 245px; margin: auto; background: #fff; margin-bottom: 5px; padding: 5px; border: solid 1px #e9e9e9;} .caer-5 {width: 235px; margin: auto; text-align: justify; font-family: 'Calibri', sans-serif; font-size: 11px; color: #222; letter-spacing: .05px; line-height: 13px;} .caer-5 b {font-size: 12px; color: #eaa6a6; /* ACCENT */ } .caer-6 {width: 247px; margin: auto; background: #eaa6a6; /* ACCENT */ padding: 5px; margin-bottom: 5px; text-align: center; font-family: 'Arial', sans-serif; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 2px;} </style><div class="caer-1"><div class="caer-2"><div class="caer-3"><img src="LIEN D'UNE IMAGE 245x105 ICI" style="min-height: 100%; max-height: 100%; min-width: 100%; max-width: 100%"></div><div class="caer-4"><div class="caer-5">TEXTE RP ICI <b>POUR METTRE EN GRAS</b> faire un CTRL+F pour chercher "#eaa6a6" et remplacer par le code de votre couleur.</div></div><div class="caer-6">NOTES, ETC</div></div></div><center><a href="http://cttw.jcink.net/index.php?showuser=20"><span style="font: bold 9px calibri; opacity: .5; text-align: center;">:heart:</span></a></center>
#002 [Vous devez être inscrit et connecté pour voir cette image] Code: <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'><style type='text/css'>#mit-chl1 {width: 400px;margin: 20px auto;border: 1px solid #f0f0f0;font-family: roboto;font-weight: 400;line-height: 11px;font-size: 10px;}#mit-chl1 a {color: #aaa;font-weight: 400;font-style: normal;text-decoration: none;-webkit-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;}#mit-chl1 a:hover {color: #ccc;-webkit-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;}#mit-chl1text {width: 199px; margin-right: 15px; padding-right: 15px; border-right: 1px solid #f3f3f3; text-align: justify; font-size: 10px; font-family: roboto; font-weight: 400; line-height: 11px; color: #555;}#mit-chl1text b {font-weight: 700;font-size: 11px;line-height: 11px;color: #50b1c2;}#mit-chl1img {width: 110px; overflow: hidden; background-size: cover; background-position: center; height: 110px; background-image: url(LIEN D'UNE IMAGE 110x110 ICI); margin-bottom: 15px;}#mit-chl1lyr {width: 110px; font-family: playfair display;text-transform: uppercase; font-weight: 700;font-size: 14px;line-height: 12px;letter-spacing: -0.5px; text-align: right;}#mit-chl1cont {width: 340px; padding: 30px; background-color: #fff; font-family: roboto; font-size: 10px;line-height: 11px; color: #555;}#mit-chl1wave {width: 400px;padding-top: 100px;padding-bottom: 25px; background-image: url(LIEN D'UNE IMAGE 500x500 ICI - IMAGE DE FOND);}#mit-chl1lyr { color: #555; } #mit-chl1text b { font-family: playfair display; }</style><div id='mit-chl1'><div id='mit-chl1wave'><div id='mit-chl1cont'><table cellspacing='0' cellpadding='0'><tr><td><div id='mit-chl1text'>TEXTE RP ICI <b>POUR METTRE EN GRAS</b> faire CTLR+F pour chercher "#50b1c2" et remplacer par le code de votre couleur. </div></td><td valign='top'><a href='http://cttw.jcink.net/index.php?showuser=407' title='mitchie @ cttw'><div id='mit-chl1img'></div></a><div id='mit-chl1lyr'>PETITE CITATION ICI</div></td></tr></table></div></div></div>
#003 [Vous devez être inscrit et connecté pour voir cette image] Code: <div class="vests"><img src="LIEN D'UNE IMAGE 100x100" class="piczy">NOTE NOTE<br> NOTE NOTE <br> NOTE NOTE</div><div class="buttons"><div class="cardigans"><div class="sweaters">TEXTE RP ICI <b>POUR METTRE EN GRAS</b> <i>POUR METTRE EN ITALIQUE</i> voir la fin du code pour changer les couleurs</div></div></div><div class="hotchocolate"><b><i class="fa fa-tag" style="margin-right: 4px;"></i></b> TAG <b><i class="fa fa-pencil" style="margin-right: 4px; margin-left: 10px;"></i></b> #000<b><i class="fa fa-comment" style="margin-right: 4px; margin-left: 10px;"></i></b> NOTES</div><div class="thecreds">credit to <a href="http://cttw.jcink.net/index.php?showuser=2090">kenz</a>.</div><link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600' rel='stylesheet' type='text/css'><link href='http://kenzcodes.b1.jcink.com/uploads/kenzcodes/resolution.css' rel='stylesheet' type='text/css'><style> .sweaters b { color: #COULEUR DE GRAS; font-weight: bold; font-family: 'Montserrat'; font-size: 10px; } .sweaters i { color: #COULEUR D'ITALIQUE; font-style: italic; } .hotchocolate b { color: #COULEUR DES NOTES; }</style>
#004 [Vous devez être inscrit et connecté pour voir cette image] Code: <div align="center"><div id="flower"><div id="hustle"><img src="LIEN D'UNE IMAGE 100x100 ICI"></div></div><div id="complex"><div id="inferior">TEXTE RP ICI <b>POUR METTRE EN GRAS</b> faire un CTRL+F pour chercher "#f2c9cd" et remplacer par le code de votre couleur. <p><div align="center"><span>@[ partenaire rp ]</span></div><br>NOTES NOTES NOTES.</div></div></div></div><style>#flower { width:300px;height:200px;background-color:#f2c9cd;}#hustle {position: relative; top: 50%;transform: translateY(-50%);}#hustle img { border:5px rgba(255, 255, 255, 0.5) solid; width:100px; border-radius:100%;}#complex {width:298px;background-color:#fff;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}#inferior { width:250px;font-family:arial; font-size:10px;text-align:justify;padding:20px;line-height:115%;word-wrap: break-word;color:#000;}#inferior b { color:#f2c9cd;}#inferior span { background-color:#f2c9cd; text-align:center; text-transform:uppercase; font-size:10px;font-family:arial; padding:5px; font-weight:bold; display: inline-block; color:#fff;}#inferior a {color:#fff;text-decoration:none;}</style>
(J'en rajouterai plus tard, j'avoue que là, j'ai un peu la flemme. *meurs*)
8/19/2019, 22:14
Hideko Aoshikara
100 messages
A posté 100 messages sur le forum
Anniversaire 5 ans
5 années d'inscription sur le forum
Trésorière du conseil des élèves
Feuille de personnage Relations : Fiche : https://yuriacademia.1fr1.net/t225-hideko-aoshikara-validee
merci Toma <3
8/20/2019, 23:09
Yeeun Jeong
Anniversaire 1
Badge pour les 1 an d'inscription sur le forum
100 messages
A posté 100 messages sur le forum
Event sportif
A participé à l'event sportif
Rose arc en ciel
Je t'aime un peu, beaucoup, à la folie, passionnément
Elève de 3ème cycle
Réputation : Va tout déchirer
Emploi/loisirs : Mannequin/Modèle pour Han
Localisation : Salle de danse
Feuille de personnage Relations : Fiche : https://yuriacademia.1fr1.net/t448-yeeun-jeong-en-cours
Merci beaucoup !
8/22/2019, 14:45
Mici pour ces jolis codes. ^^
5/21/2021, 22:07
Petit up pour des codes pour insta qui viennent d'
ici Vous pouvez chercher sur la page les commentaires pour faciliter l'édition!
182 posts
1,5mio Followers
780 Following
:Pseudo Description, descriptionhashtag optionnel
Followed by lakshikam , g.arold , cholts + 1,5 more
Template by
Vos
Code: <link href="https://fonts.googleapis.com/css2 family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"/><style>#instagram <!--Pseudo et Image-->{ --username: "Cheddar";--profile_img:url(https://pbs.twimg.com/media/EQsIqOVU4AAeeGX.jpg);}.back_insta {width: 600px;overflow: hidden;min-height: 400px;height: auto;margin: auto;padding-bottom:20px;position: relative;color: #262626;font-family: "Montserrat", sans-serif;font-weight: 400;line-height: 140%;background-color: #fafafa;cursor: default;}.back_insta tag {color: #003669;cursor: pointer;}.picin_profile {width: 120px;height: 120px;border-radius: 50%;border: solid 2px #dbdbdb;position: absolute;cursor: pointer;display: flex;align-items: center;justify-content: center;left: 20px;z-index: 20;top: 20px;}.picin_profile::after {content: " ";width: 110px;height: 110px;display: block;background-image: var(--profile_img);background-size: cover;background-position: center;border-radius: 50%;}.infos_insta {width: 430px;height: auto;margin-top: 25px;float: right;}.linein_insta {width: 430px;height: 42px;display: flex;justify-items: start;align-items: center;font-weight: 500;font-size: 14px;}.linein_insta b {font-weight: 600;margin-right: 1px;margin-left:20px;}.line in_insta h1 {width: fit-content;margin-right: 20px;font-size: 22px;font-weight: 400;text-transform: lowercase;}.linein_insta h3 {width: fit-content;margin-bottom: 5px;font-size: 14px;font-weight: 600;text-transform: capitalize;}.linein_insta h1::after {content: var(--username);width: fit-content;margin-right: 20px;font-size: 22px;font-weight: 400;text-transform: lowercase;}.linein_insta d {width: fit-content;margin-left: 5px;position: relative;top: -6px;font-size: 25px;font-weight: 600;letter-spacing: 2px;cursor: pointer;}.linein_insta f {color: #262626;margin-left: 2px;margin-right: 2px;}.infob_insta {width: 65px;height: 25px;margin-right:8px;padding-left: 8px;padding-right: 8px;display: flex;justify-content: center;align-items: center;border: solid 1px #dbdbdb;border-radius: 3px;font-size: 12px;font-weight: 700;cursor: pointer;}.infob_insta img {position: relative;width: 30px;height: 30px;}.b_insta {cursor: pointer;}.des_insta {width: 400px;height: auto;float: left;font-size: 13px;font-weight: 400;}.wrphotos_insta {width: 550px;max-height: 420px;position: relative;top: 10px;margin-left: auto;margin-right: auto;overflow: scroll;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;border-top: 1px solid #dbdbdb;}.wrphotos_insta::-webkit-scrollbar {display: none;}.wrbu_insta {width: fit-content;height: 20px;margin-left: 30px;margin-right: 30px;padding-top: 13px;padding-left: 4px;padding-right: 4px;position: relative;top: -4px;display: flex;justify-content: space-evenly;align-items: center;border-top: 1px #262626 solid;font-size: 11px;font-weight: 600;letter-spacing: 1px;color:#8e8e8e;cursor: pointer;}.wrbu_insta {img height: 17px;width: 17px;margin-right: 5px;}.photo_insta {width: 170px;height: 170px;margin: 6.6px;position: relative;background-position: center;background-size: cover;}.numbers_insta {width: 156px;height: 100%;position: absolute;top: 0px;opacity: 0;padding-right: 14px;display: flex;justify-content: center;align-items: center;color: white;font-size: 14px;font-weight: 500;background-color: rgb(0, 0, 0, 0.4);cursor: pointer;}.numbers_insta img {width: 20px;height: 20px;margin-left: 14px;margin-right: 3px;}.photo_insta:hover> .numbers_insta {opacity: 1;}.credit-insta {width: 15px;height: 15px;position: absolute;bottom: 5px;right: 0px;opacity: 0.5;margin-right: 5px;backgroundimage:url(https://images2.imgbox.com/94/48/z238nvod_o.png);background-position: center;background-size: cover;}.credit-insta a {text-transform: none;text-decoration: none;}</style><div id="instagram"><div class="back_insta"><div class="picin_profile"></div><div class="infos_insta"><div class="linein_insta"><h1></h1><div class="infob_insta">Message</div><div class="infob_insta" style="width: 55px"><img src="https://i.imgur.com/KWmQoxL.png" style="top: 1px" /></div> <!--Nmb de post!--><div class="infob_insta" style="width: 15px !important"><img src="https://i.imgur.com/cz15PzY.png"style="width: 7px; height: 7px"/></div><d>... </d></div><div class="linein_insta"><b style="margin-left: 0px">182 </b> posts<div class="b_insta"><b> 1,5mio </b>Followers</div><div class="b_insta"><b>780</b> Following</div></div> <!--Description--><div class="linein_insta" style="height: auto;flex-direction: column;align-items: flex-start;margin-top: -5px;"><h3>:Pseudo</h3><div class="des_insta">Description, description <tag>hashtag optionnel</tag></div></div> <!--Follow par--><div class="linein_insta"style="font-size: 10px; color: #8e8e8e; cursor: pointer">Followed by <f> lakshikam </f>, <f>g.arold </f>, <f>cholts</f> + 1,5 more</div></div><div class="wrphotos_insta"><div class="linein_insta"style="justify-content: center; width: 550px; margin-bottom: 5px"><div class="wrbu_insta" style="color: #262626"><img src="https://i.imgur.com/HKmLEgr.png" style="width: 12px; height: 12px"/>POSTS</div><div class="wrbu_insta" style="border: none"><img src="https://i.imgur.com/az2FExa.png" style="width: 12px; height: 12px" /> TAGGED</div></div> <! --Photo 1--><div class="photo_insta"style="background-image:url(background-image: url(https://i.imgur.com/j074xNI.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 860k<img src="https://i.imgur.com/lkzggk0.png" /> 598k</div></div> <! --Photo 2--><div class="photo_insta"style="background-image: url(https://i.imgur.com/GV29tjP.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" />978k<img src="https://i.imgur.com/lkzggk0.png" /> 900k</div></div> <! --Photo 3--><div class="photo_insta"style="background-image: url(https://i.imgur.com/cJ6nU80.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 162k<img src="https://i.imgur.com/lkzggk0.png" /> 122k</div></div> <! --Photo 4--><div class="photo_insta"style="background-image: url(https://i.imgur.com/XrJwDkf.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 1mio<img src="https://i.imgur.com/lkzggk0.png" /> 968k</div></div> <! --Photo 5--!><div class="photo_insta"style="background-image: url(https://i.imgur.com/UWJ92GX.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 987k<img src="https://i.imgur.com/lkzggk0.png" /> 782k</div></div> <! --Photo 6--!><div class="photo_insta"style="background-image: url(https://i.imgur.com/ijcqpUx.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 3mio<img src="https://i.imgur.com/lkzggk0.png" /> 2mio</div></div> <! --Photo 7--!><div class="photo_insta"style="background-image:url(https://i.imgur.com/YSAZTGn.jpg)"><div class="numbers_insta"><img src="https://i.imgur.com/OfWRaS9.png" /> 2mio<img src="https://i.imgur.com/lkzggk0.png" /> 1.5mio</div></div></div>Template by [url=http://cttw.jcink.net/index.php?showuser=27194]Vos[/url]<div class="credit-insta"></div></a></div></div>
PSEUDO 1 COMMENTAIRE 1 10m 150k like Reply
[Vous devez être inscrit et connecté pour voir cette image]
PSEUDO 2 COMM 2 10s 2 likes Reply
[Vous devez être inscrit et connecté pour voir cette image]
Liked by LénoraG and 900k others MAY 12, 2021 Post
Code: <link href="https://fonts.googleapis.com/css2 family=Montserrat:wght@400;500;600;700&display=swap"rel="stylesheet"/><style>#post_insta {--username: "PSEUDO";--profile_img:url(https://i.servimg.com/u/f20/20/13/29/67/pp11.jpg);--post_img: url(https://i.servimg.com/u/f20/20/13/29/67/airpor12.jpg); --profile_liked:url(https://66.media.tumblr.com/3602440986d70ab10b8c8a83931467cb/tumblr_owdllx0dSl1wb7khmo4_250.png);}.backf_insta {width: 530px;height: 350px;margin: auto;position: relative;font-family: "Montserrat", sans-serif;font-weight: 400;line-height: 140%;color: #262626;background-color: #fafafa;cursor: default;}.backf_insta tag {color: #003669;cursor: pointer;}.commes_insta::-webkit-scrollbar {display: none;}.backf_insta::before {content: ""width: 20px;height: 20px;position: absolute;left: -25px;top: 50%;font-size: 25px;background-image: url(https://i.imgur.com/pWNVjA3.png);background-position: center;background-size: cover;color: #cbcbcb;cursor: pointer;filter: invert(100%) sepia(1%) saturate(1110%) hue-rotate(77deg)brightness(85%) contrast(86%);} .backf_insta::after {content: " ";width: 20px;height: 20px;position: absolute;right: -25px;top: 50%;display: block;background-image: url(https://i.imgur.com/lVlOtTF.png);background-position: center;background-size: cover;color: #cbcbcb;cursor: pointer;filter: invert(100%) sepia(1%) saturate(1110%) hue-rotate(77deg)brightness(85%) contrast(86%);}.backfi_insta {width: 350px;height: 350px;background-image: var(--post_img);background-position: center;background-size: cover;}.backin_insta {width: 180px;height: 100%;position: absolute;top: 0px;right: 0px;display: flex;flex-direction: column;}.lineb_insta {width: 100%;height: 55px;position: relative;margin-bottom: 8px;border-bottom: 1px solid #dbdbdb;}.lineb_insta d {position: absolute;right: 8px;top: 13px;font-size: 23px;cursor: pointer;}.lineb_insta h3 {margin-bottom: 0px;margin-top: 14px;} .lineb_insta h3::after,.card_insta h3::after {content: var(--username);width: fit-content;margin-left: 45px;font-size: 11px;font-weight: 600;text-transform: lowercase; cursor: pointer;}.card_insta h5 {width: fit-content; margin-top: 0px;margin-bottom: 2px;margin-left: 44px;position: relative;margin-left: 45px;font-size: 11px;font-weight: 600;text-transform: lowercase;cursor: pointer;}.lineb_insta h4 {width: fit-content;margin-bottom: 0px;margin-left: 45px;margin-top: -3px;font-size: 8px;font-weight: 400;cursor: pointer;}.lineb_insta img {width: 22px;height: 22px;margin-top: 5px;cursor: pointer;}.lineb_insta c {font-size: 7px;font-weight: 500;position: relative;top: 2px;margin-left: 32px;}.lineb_insta b {font-weight: 600;cursor: pointer;} .lineb_insta f {font-size: 6px;font-weight: 500;position: relative;top: 6px;font-weight: 400;margin-left: 10px;cursor: pointer;}.pback_insta {width: 25px;height: 25px;border-radius: 50%;border: solid 1px #dbcccc;position: absolute; left: 10px;top: 15px;background-image: var(--profile_img);background-position: center;background-size: cover;cursor: pointer;z-index: 20;}.commes_insta {width: 100%;height: 180px;overflow: scroll;display: flex;flex-direction: column;border-bottom: 1px solid #dbdbdb;}.card_insta {width: 96%;height: auto;margin-bottom: 10px;padding-right: 4%;display: inline-flex;flex-wrap: wrap;position: relative;font-size: 10px;font-weight: 400;line-height: 110%;}.card_insta h3 {margin-top: 0px;margin-bottom: 2px;margin-left: 44px;position: relative;right: 45px;}.card_insta c {margin-left: 44px;}.card_insta img {width: 15px;height: 15px;position: absolute;right: 8px;top: 0px;filter: invert(36%) sepia(63%) saturate(3322%) hue-rotate(333deg)brightness(101%) contrast(86%);cursor: pointer;}.data_insta {height: 20px;width: 74%;position: relative;bottom: 0px;left: 4px;padding-left: 22%;display: flex;justify-content: flex-start;align-items: center;}.data_insta f {font-size: 9px;color: #8e8e8e;margin-left: 2px;margin-right: 6px;cursor: pointer;}.data_insta b {font-weight: 600;}.backf_insta post {position: absolute;bottom: 10px;right: 10px;font-size: 8px;font-weight: 600;color: #b9dffc;}#post_insta input {width: 140px;height: 30px;margin-top: -7px;margin-left: 10px;background: none;border: none;}#post_insta input::placeholder {font-size: 10px;position: relative;top: 0px;margin-left: 10px;text-align: left;color: #999999;}#post_insta input:focus {outline: none !important;border: none !important;}#post_insta textarea:focus {outline: none !important;border: none !important;}.credit-post {width: 15px;height: 15px;position: absolute;top: 35px;right: 3px;opacity: 0.5;margin-right: 5px; background-image: url(https://images2.imgbox.com/94/48/z238nvod_o.png);background-position: center;background-size: cover;}.credit-post a {text-transform: none;text-decoration: none;}</style><div id="post_insta"><div class="backf_insta"><div class="backfi_insta"></div><div class="backin_insta"><div class="lineb_insta"><div class="pback_insta"></div><h3></h3><h4>VILLE, PAYS</h4><d>... </d></div><div class="commes_insta"><div class="card_insta"><div class="pback_insta" style="top: 0px"></div> <h3></h3><c> COMMENTAIRE PERSO </c><div class="data_insta"><f style="cursor: default">15m</f></div></div><div class="card_insta"><div class="pback_insta"style="top: 0px;background-image: url(https://i.servimg.com/u/f20/20/13/29/67/110.jpg);"></div><h5>PSEUDO 1</h5><c> COMMENTAIRE 1</c><div class="data_insta"><f>10m</f> <f><b>150k like </b></f> <f><b>Reply</b> </f></div><img src="https://i.postimg.cc/rs5fwtXF/rkTrhqb.png" /></div><div class="card_insta"><div class="pback_insta" style="top: 0px;background-image: url(https://i.servimg.com/u/f20/20/13/29/67/210.jpg);"></div><h5>PSEUDO 2</h5> <c> COMM 2 </c><div class="data_insta"><f>10s</f> <f><b>2 likes </b></f> <f><b>Reply</b> </f></div><img src="https://i.postimg.cc/rs5fwtXF/rkTrhqb.png" /></div></div><div class="lineb_insta" style="height: 70px"><img src="https://i.postimg.cc/rs5fwtXF/rkTrhqb.png" style="margin-left: 12px; filter: invert(36%) sepia(63%) saturate(3322%) hue-rotate(333deg) brightness(101%) contrast(86%);"/><img src="https://i.imgur.com/CJNY6zQ.png" /><img src="https://i.imgur.com/CRTD7Lw.png" style="margin-right: 30px" /><img src="https://i.imgur.com/QXN4vh1.png"style="float: right;margin-top: 2px;margin-right: 6px;width: 25px;height: 25px;"/><div class="pback_insta"style="top: 30px;width: 17px;height: 17px;background-image: var(--profile_liked);"></div><br /><c>Liked by <b> LénoraG </b> and <b> 900k others</b> </c><f>MAY 12, 2021 </f></div><input type="text" placeholder="Add a comment... " /><post> Post </post></div><a href="http://cttw.jcink.net/index.php?showuser=27194" title="template by: Vos"><div class="credit-post"></div></a></div></div>
Bonus: Un téléphone qui vient d'
ici !
Code: <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700|Oswald&display=swap" rel="stylesheet"> <style type="text/css"> .txtthreadbg {width:246px; height:510px; padding: 27px 9px 26px 6px; background: url(https://i.imgur.com/cpV4Hww.png); border-radius:25px;} .txtthreadwhite{background:white; border-radius:15px 15px 20px 20px; height:510px;} .txtthreadtime{width:206px; height:20px; padding:5px 20px 5px 20px; background:#ccc; border radius: 15px 15px 0px 0px;} .txtthreadtimetxt{font-family: 'Montserrat', sans-serif; font-size:10px; color:#000; text-align:left; float:left; padding:5px 0px 5px 0px;} .txtthreadcamera{width:50px; height:15px; margin:2px 5px 0px 5px; border-radius:25px; background:#000; float:left;} .txtthreadcontact{width: 100px; height:100px; background: #aaa; border-radius:100%; margin:10px 10px 20px 10px; float:left; background: url(FC PIC HERE); background-size:cover; box-shadow:0 0 0 2px #aaa; border: 10px solid white;} .txtthreadcontacttext{background:#fff; width:96px; height:120px;font-family: 'Montserrat', sans-serif; font-size:10px; color: #000; text-align:right; padding: 0px; float:left; margin:10px 10px 20px 0px; overflow:hidden; text-transform:lowercase;} .txtthreadcontacttext b {font-weight:bold; font-size:12px; text-transform:uppercase; letter-spacing:5.5px;} .txtthreadtext{width:241px; height:244px; padding: 0px 0px 5px 0px; background:#fff; overflow:auto; float:left; margin-right:5px;} #txtthreadtextbubble{width:160px; padding: 10px; background: rgba(150,150,150,1); border radius:10px; font-family: 'Montserrat', sans-serif; font-size:10px; text-align:justify; float:right; margin:0px 5px 5px 0px; color:#fff; line-height:120%; letter-spacing:.5px;} .txtthreadtext::-webkit-scrollbar {background: #fff; width: 5px;} .txtthreadtext::-webkit-scrollbar-thumb {background: #B4B4B4; width: 5px;} .txtthreadtext::-webkit-scrollbar-corner {background: #B4B4B4;} .txtthreadreply{width:206px; padding: 5px 20px 5px 20px; height:20px; background:#fff; float:left;} .txtthreadreplytext {font-family:'Montserrat', sans-serif; font-size:10px; color: #aaa; text-align:left; line-height:18px; float:left;} .txtthreadbottom{width:206px; padding: 5px 20px 5px 20px; height:20px; background:rgba(255,255,255,1); border-radius:0px 0px 15px 15px; float:left;} .txtthreadcontacttext a:link, .txtthreadcontacttext a:active, .txtthreadcontacttext a:visited{ color:#aaa; transition:1s; text-decoration:none !important;} .txtthreadcontacttext a:hover{color:#fff !important; text-decoration:none;}</style> <center><div class="txtthreadbg"><div class="txtthreadwhite"><div class="txtthreadtime"><div class="txtthreadtimetxt">10:34<img src="https://i.imgur.com/9QA0ZbT.png" style="height:10px; padding:0px 5px 0px 113px;">63%<img src="https://i.imgur.com/hP1zOSr.png" style="padding:0px 0px 0px 5px;"></div></div><div class="txtthreadcontact"></div><div class="txtthreadcontacttext"><b>Texting:</b><hr>TAG</div><hr style="border: 0;background: #aaa;height: 1px;width: 224px;margin: 0px 10px 20px 10px;"><div class="txtthreadtext"><div id="txtthreadtextbubble">TEXT GOES HERE</div></div><div class="txtthreadreply"><div class="txtthreadreplytext"><img src="https://i.imgur.com/nMj5GZM.png" style="padding:0px 10px 0px 0px; float:left;"><img src="https://i.imgur.com/TJHvtI0.gif" style="margin-top:-2px; float:left; opacity:.5; padding-right:5px;"> Message </div></div><div class="txtthreadbottom"><img src="https://i.imgur.com/LnELZtI.png" style="padding:0px 30px 0px 25px;"><a href="http://cttw.jcink.net/index.php?showuser=21131" target="_blank"><img src="https://i.imgur.com/GlMtqhU.png" style="padding:0px 30px 0px 30px;"></a><img src="https://i.imgur.com/8OyYji8.png" style="padding: 0px 25px 0px 30px;"></div> </div></div></center>
Vous ne pouvez pas répondre aux sujets dans ce forum