☇ modèle.

Mer 10 Jan 2024 - 23:09

poster son instagram

Code:: <style>.insta .label {cursor: pointer; font-weight: 700; font-family: Open Sans !important; font-size: .4rem; line-height: .5rem; letter-spacing: 1px; text-transform: uppercase; color: #999 !important; text-shadow: none; border-top: 1px solid transparent; transition: all 500ms ease;padding: 0px 0 0 15px; margin-top: -30px; margin-left: -10px; }</style><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta1.css" /> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_onglets.css" /> <div class="insta"> <div class="profil"><img class="profil-image" src="URL DE L'IMAGE DE PROFIL" /> <div class="perso more"> <div class="pseudo2">USERNAME</div> <div class="profil-btn">Following</div> <div class="profil-btn">▾</div></div> <div class="stat"><span class="posts">349</span><span class="followers">834</span><span class="following">238</span></div> <div class="bio"><strong>prénom nom</strong>
ton petit texte ici
ton petit texte ici ton petit texte ici

<span class="followed">Followed by <strong>username</strong>, <strong>username</strong>, <strong>username</strong> + 1 more</span></div></div>

<img src="https://images2.imgbox.com/41/03/RuELAXec_o.png" style="width: 425px; margin: auto; margin-top: -30px; filter: invert(1);"><div class="tabs"><input class="input" name="tabs" type="radio" id="tab-1" checked="checked" /> <label class="label published" for="tab-1">Posts</label> <div class="panel"><div class="galerie"><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div></div></div><input class="input" name="tabs" type="radio" id="tab-2" /> <label class="label tagged" for="tab-2">Tagged</label> <div class="panel"> <div class="galerie"><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div><div class="feed"><div class="feed-info"><span><i class="fas fa-heart" aria-hidden="true"></i> 89</span> <span><i class="fas fa-comment" aria-hidden="true"></i> 5</span></div> <img src="https://via.placeholder.com/200x200" /></div></div></div> </div>

<div class="loader"></div></div> <credit>cr: [url=https://letsheresy.tumblr.com/]HERESY.[/url]</credit>

poster une photo

Code:: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_comm.css" /> <style>hr{height: 0;border: solid var(--hr) 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style> <div class="insta-post"><div class="insta-id"><a href="http://www.bazzart.org/u7256" target="_blank"><img class="insta-id-pic" src="VOTRE IMAGE DE PROFIL" style="object-fit: cover;" /></a> <div class="id-pseudo">username • following</div></div><img class="post-pic" src="URL DE VOTRE IMAGE ICI" /><div class="post-like"><strong>username</strong> légende de la photo ici
<hr />
<div class="date" style="margin-top: -5px;">June 15</div></div></div>

liker une photo

Code:: <center><br/><div class="fondinstagr"> <div class="fondhautinstag"><img src="https://nsa38.casimages.com/img/2016/05/27//160527032208186863.png" class="imagehaut" align="left" style="filter: invert(1); border-right: 0px;"><span class="titrecom">Commentaires</span></div><div style="padding-left: 20px; padding-right: 20px; margin-top: 22px;"><img class="insta-id-pic" src="LIEN VERS LA PHOTO QUE VOUS LIKEZ" align="right" style="margin-top: -5px;object-fit: cover;"/><strong>username</strong> a aimé votre publication</div></div></center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_comm.css" /> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinstagr{width:400px; height: auto; min-height: 100px; padding-bottom: 10px;margin:auto; background:#050505; font-family: Open Sans;font-size: .8rem; color:var(text); text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#050505;border-bottom:solid var(--hr)2px;text-align:left;padding:5px;padding-left:15px;padding-top:15px; padding-right:10px;} .imagehaut{height: 30px;margin-top:-7px;margin-right:10px;border-right:solid var(--hr) 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:var(--text4);font-size: 13px;}</style>

s'abonner à un compte

Code:: <center><br/><div class="fondinstagr"> <div class="fondhautinstag"><img src="https://nsa38.casimages.com/img/2016/05/27//160527032208186863.png" class="imagehaut" align="left" style="border-right: 0px; filter: invert(1);"><span class="titrecom">Notifications</span></div><div style="padding-left: 20px; padding-right: 20px; margin-top: 22px;"><img class="insta-id-pic" src="LIEN VERS VOTRE PHOTO DE PROFIL" align="right" style="margin-top: -5px;object-fit: cover;"/><strong>username</strong> started following you</div></div></center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_comm.css" /> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinstagr{width:400px; height: auto; min-height: 100px; padding-bottom: 10px;margin:auto; background:#050505; font-family: Open Sans;font-size: .8rem; color:var(text); text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#050505;border-bottom:solid var(--hr)2px;text-align:left;padding:5px;padding-left:15px;padding-top:15px; padding-right:10px;} .imagehaut{height: 30px;margin-top:-7px;margin-right:10px;border-right:solid var(--hr) 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:var(--text4);font-size: 13px;}</style>

commentaire (court, une ligne)

Code:: <center><br/><div class="fondinstagr"> <div class="fondhautinstag"><img src="https://nsa38.casimages.com/img/2016/05/27//160527032208186863.png" class="imagehaut" align="left" style="border-right: 0px; filter: invert(1);"><span class="titrecom">Commentaires</span></div><div style="padding-left: 20px; padding-right: 20px; margin-top: 22px;"><img class="insta-id-pic" src="LIEN VERS LA PHOTO QUE VOUS COMMENTEZ" align="right" style="margin-top: -5px; object-fit: cover;"/><strong>username</strong> commentaire court (une ligne maximum)</div></div></center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_comm.css" /> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinstagr{width:400px; height: auto; min-height: 100px; padding-bottom: 10px;margin:auto; background:#050505; font-family: Open Sans;font-size: .8rem; color:var(text); text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#050505;border-bottom:solid var(--hr)2px;text-align:left;padding:5px;padding-left:15px;padding-top:15px; padding-right:10px;} .imagehaut{height: 30px;margin-top:-7px;margin-right:10px;border-right:solid var(--hr) 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:var(--text4);font-size: 13px;}</style>

poster un commentaire (long)

Code:: <center><br/><div class="fondinstagr"><div class="fondhautinstag"><img src="https://nsa38.casimages.com/img/2016/05/27//160527032208186863.png" class="imagehaut" align="left" style="border-right: 0px; filter: invert(1);"><span class="titrecom">Commentaires</span></div><div style="padding-left: 20px; padding-right: 20px; margin-top: 12px;"><div style="float: right; vertical-align: middle; margin-top: 2px;"><img class="insta-id-pic" src="LIEN VERS LA PHOTO QUE VOUS COMMENTEZ" style="object-fit: cover;"/></div><strong>username</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.</div></div></center><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/81049601458064736/insta_comm.css" /> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><style>.fondinstagr{width:400px; height: auto; min-height: 100px; padding-bottom: 10px;margin:auto; background:#050505; font-family: Open Sans;font-size: .8rem; color:var(--text); text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#050505;border-bottom:solid var(--hr)2px;text-align:left;padding:5px;padding-left:15px;padding-top:15px; padding-right:10px;} .imagehaut{height: 30px;margin-top:-7px;margin-right:10px;border-right:solid var(--hr) 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:var(--text4);font-size: 13px;}</style>