Aller en bas
Jonathan Around
Jonathan Around

Me, myself and I
Popularité:
Code Insta Left_bar_bleue50/100Code Insta Empty_bar_bleue  (50/100)
Ami(s):
Crimes et Délits:

Code Insta Empty Code Insta

Mar 5 Juin - 15:28
Code:
<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://www.aht.li/3282401/insta.css" /> <link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" /> <div class="insta"> <div class="profil"><img class="profil-image" src="https://via.placeholder.com/200x200" /> <div class="perso more"> <div class="pseudo">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>Nom Prénom</strong>
Long nights, daydreams, sugar and smoke rings [img]http://twemoji.maxcdn.com/16x16/1f48e.png[/img]  [img]http://twemoji.maxcdn.com/16x16/1f48b.png[/img]
<a href="https://www.youtube.com/watch?v=PYI0E_Wr1gM" target="_blank">youtu.be/PYI0E_Wr1gM</a>

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

<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"><!--

code ajout d'une image

--><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/200x150" /></div><!--

code ajout nouvelle image

--><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/350x200" /></div><!--

code ajout nouvelle image

--><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/160x160" /></div><!--

code ajout nouvelle image

--><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/230x180" /></div><!--

code ajout nouvelle image

--><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/300x150" /></div><!--

code ajout nouvelle image

--><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/350x150" /></div><!--

code ajout nouvelle image

--><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/300x150" /></div><!--

code ajout nouvelle image

--><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/400x200" /></div><!--

code ajout nouvelle image

--><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/300x150" /></div><!--

FIN DU FEED INSTA

--></div></div><!--

DÉBUT DES IMAGES "MENTIONNÉ"

--><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"><!--

code ajout d'une image

--><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/200x150" /></div><!--

code ajout d'une image

--><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/200x150" /></div><!--

code ajout d'une image

--><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/200x150" /></div><!--

code ajout d'une image

--><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/200x150" /></div><!--

FIN DES MENTIONS

--></div></div> </div>

<div class="loader"></div></div> <credit>cr: HERESY.</credit>





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://www.aht.li/3282993/insta-comm.css" /> <div class="insta-post"><div class="insta-id"><a href="http://www.bazzart.org/u7256" target="_blank"><img class="insta-id-pic" src="https://via.placeholder.com/200x200" /></a> <div class="id-pseudo">username • following</div></div><!--

--><img class="post-pic" src="https://via.placeholder.com/400x450" /><div class="post-like"><strong>439 Likes</strong>
<strong>username</strong> message ici
<hr />
<!-- la partie comms est facultative et peut être supprimée --><strong>username</strong> commentaire
<strong>username</strong> commentaire
<strong>username</strong> commentaire
<hr />
<div class="date">June 15</div></div></div>


Dernière édition par Jonathan Around le Mar 5 Juin - 15:36, édité 1 fois
Jonathan Around
Jonathan Around

Me, myself and I
Popularité:
Code Insta Left_bar_bleue50/100Code Insta Empty_bar_bleue  (50/100)
Ami(s):
Crimes et Délits:

Code Insta Empty Re: Code Insta

Mar 5 Juin - 15:28
2ème message:


Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"> <center><div style="background-color:#fff; height:auto; width: 400px;text-align:justify;"><img src="https://i.imgbox.com/GOp1q7sh.png">
<table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;float:top;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div></td><td><img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-10px;">@pseudo </div></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:18px;color:#000;text-align:justify;margin-left:90px;margin-top:-20px;margin-right:40px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
<div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;color:#22A2F2">Traduire depuis : langue</div><br><div style="font-family:'Open Sans Condensed', sans-serif;float:left;margin-left:90px;">00/00/00 00h00</div>
<div style="background-color:#F5F7F8; height:2px; width:400px;"></div><table><tr><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:88px;margin-top:5px;margin-bottom:5px;">[b][color=#000000]000[/color][/b] RETWEETS</div></td><td><div style="font-family:'Open Sans Condensed', sans-serif;font-size: 14px;margin-left:10px;margin-bottom:5px;margin-top:5px;">[b][color=#000000]000[/color][/b] J'AIME</div></td></tr></table><img src="https://i.imgbox.com/EpWglo9Y.png">

</div><div style="height:120px; width:400px; overflow:auto;background-color:#fff;"><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table>
<br><table><tr><td><img src="http://68.media.tumblr.com/f599c16ba0c86b9ab55d7a9bd700c3ec/tumblr_inline_mtnyu3o1Sh1rnruf5.png" style="border: #fff solid 3px; border-radius: 5px; height:50px; width: 50px;margin-left:20px;"></td><td><div style="height:50px;font-family:'Open Sans Condensed', sans-serif;margin-left:5px;margin-right:30px;margin-top:-10px;"><table><tr><td><div style="font-size:14px; color:#000;font-family:'Open Sans Condensed', sans-serif;">Prénom Nom</div><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;">en réponse à [color=#22A2F2]@tonpseudo[/color]</div></td><td> <table><tr><td><div style="font-size:12px; font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;margin-left:-45px;">@pseudo </td><td><div style="margin-left:75px;font-family:'Open Sans Condensed', sans-serif;margin-top:-15px;">• 00/00/00 <img src="https://i.imgbox.com/cMPGrlKn.png" style="margin-top:2px; margin-left:5px;"></div></td></tr></table></td></tr></table>
<div style="font-family:'Open Sans Condensed', sans-serif;font-size:13px;color:#000">le commentaire d'une personne</div></td></tr></table><br></div><img src="https://img4.hostingpics.net/pics/568560twitter.png">
</div>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum