modèle d'insta
( # )
kitax
admin
instagram
feed
nouveau post (une photo)
nouveau post (3 photos)
ajouter une story
ajouter 3 stories
follow
pour commenter
pour répondre à un commentaire
arrivé le : 05/07/2022
messages : 27
faceclaim : test
credits : test
turn on
- Spoiler:
- Code:
<div class="insta"><center><us1>Nom d'utilisateur</us1></center><table><tr><td><img src="https://via.placeholder.com/200x200" class="icon-insta1"><us2>Prénom/Pseudo</us2></td><td><div class="numbers"><num><strong>xxx</strong> posts</num><num><strong>xxx</strong> followers</num><num><strong>xxx</strong> following</num></div></td></tr></table>
<div class="bio">BIO ICI</div>
<center><follow>Follow</follow> <dms>Message</dms></center><div class="separator"></div>
<section id="photosinsta"> <img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"><img src="https://via.placeholder.com/150x150" class="swim"></section></div>
- Spoiler:
- Code:
<div class="insta-post"><div class="insta-id"><img class="insta-id-pic" src="PHOTODEPROFIL" /><div class="id-pseudo">USERNAME</div></div>
<img class="post-pic" src="POSTINSTA" /><div class="post-like"><strong>1.249 likes</strong>
<strong>USERNAME</strong> écrire description du post ici</div><div class="post-comment">View all 789 comments</div><!-- la partie comms est facultative et peut être supprimée --><div class="post-like"><strong>USERNAMECOMMENT</strong> (commentaire ici)
<strong>USERNAMECOMMENT</strong> (commentaire ici)</div><!-- fin des commentaires --><div class="insta-id2"><img class="post-pic2" src="PHOTODEPROFIL" /><div class="post-comment2">Add a comment...</div></div><div class="post-date">10 minutes ago</div></div>
- Spoiler:
- Code:
<div class="insta-post"><div class="insta-id"><img class="insta-id-pic" src="PHOTODEPROFIL" /><div class="id-pseudo">USERNAME</div></div>
<div class="sp-slideshow"><input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /><label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label><input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /><label for="button-3" class="button-label-3"></label><label for="button-1" class="sp-arrow sp-a1"></label><label for="button-2" class="sp-arrow sp-a2"></label><label for="button-3" class="sp-arrow sp-a3"></label><div class="sp-content" style="position:relative; top:-25px;"><div class="sp-parallax-bg"><ul class="sp-slider clearfix"><li><img src="http://placehold.it/400"></li> <li><img src="http://placehold.it/400"><li><img src="http://placehold.it/400"></li></ul></div></div></div><div class="post-like"><strong>1.249 likes</strong>
<strong>USERNAME</strong> écrire description du post ici</div><div class="post-comment">View all 789 comments</div><!-- la partie comms est facultative et peut être supprimée --><div class="post-like"><strong>USERNAMECOMMENT</strong> (commentaire ici)
<strong>USERNAMECOMMENT</strong> (commentaire ici)</div><!-- fin des commentaires --><div class="insta-id2"><img class="post-pic2" src="PHOTODEPROFIL" /><div class="post-comment2">Add a comment...</div></div><div class="post-date">10 minutes ago</div></div>
- Spoiler:
- Code:
<center><div class="cadre"><table><tr><td><div class="iconsto"><img src="PHOTO DE PROFIL"></div></td><td><us>username</us> a ajouté une story. <date>date</date></td></tr></table></div>
<div class="story"><img src="IMAGE EN STORY" style="width:300px;height:480px;object-fit: cover;object-position: center;"><div class="border-story"></div><table class="us-story"><tr><td>
<img src="PHOTO DE PROFIL" class="icon-story"></td><td><b>username</b></td></tr></table></div></center>
- Spoiler:
- Code:
[center]<div class="cadre"><table><tr><td><div class="iconsto"><img src="PHOTO DE PROFIL"></div></td><td><us>username</us> a ajouté une story. <date>date</date></td></tr></table></div>[/center]
<div class="histig"><div class="slider"><ul><li id="no-js-slider-1" class="slide"><img class="storyimg" src="PHOTOSTORY2"><cap>CAPTION 2</cap><a class="prev" href="#no-js-slider-3">prev</a><a class="next" href="#no-js-slider-2">next</a></li><li id="no-js-slider-2" class="slide"><img class="storyimg" src="PHOTOSTORY3"><cap>CAPTION 3</cap><a class="prev" href="#no-js-slider-1">prev</a><a class="next" href="#no-js-slider-3">next</a></li><li id="no-js-slider-3" class="slide"><img class="storyimg" src="PHOTOSTORY1"><cap>CAPTION 1</cap><a class="prev" href="#no-js-slider-2">prev</a><a class="next" href="#no-js-slider-1">next</a></li></ul></div><div style="margin-top:-332px;position:sticky;z-index:100;"><div class="bordup"><div class="brd"><div class="colbor"></div></div></div><div class="imguser"><img src="http://via.placeholder.com/40"></div><div class="userntime"><strong>USERNAME</strong> 1h</div></div></div>
- Spoiler:
- Code:
<center><div class="cadre"><table><tr><td><img src="PHOTO DE PROFIL" style="border-radius: 100px;width: 50px;height:50px;object-fit:cover;"></td><td><us>USERNAME</us> a commencé à vous suivre. <date>date</date></td></tr></table></div></center>
ajouter
- Code:
<div class="post-like"><strong>USERNAMECOMMENT</strong> (commentaire ici)</div>
à la suite de
- Code:
<div class="post-comment">View all 789 comments</div>
mettre
- Code:
<div class="post-reply"><strong>USERNAMECOMMENT</strong><div class="post-reply2">(réponse au commentaire ici)</div></div>
juste avant
- Code:
</div><!-- fin des commentaires -->
:: kitax supremacy :: love is a bitch
|
|