ONLY THE DARK faceclaim : aucun. messages : 92
| ・Ven 8 Jan - 13:22 | | | modèle instagram à respecter Vous avez, dans cette section, la possibilité de mettre votre personnage sur les réseaux sociaux. Nous avons décidé de miser sur instagram, qui vous permettra de poster des photographies de votre personnage/prises par votre personnage. Il suffit de prendre les codes ci-dessus, gentiment créés par heresy (fil) et chaussette (commentaires). Si vous avez un souci n'hésitez pas à nous écrire ! modèle à suivrePour poster votre instagram, merci de respecter le code de titre ci-dessous. Merci, également, de n'enlever aucun des crédits. exemple : (instagram) seeley / @nomd'utilisateur - Code:
-
(instagram) prénomdevotrepersonnage / @pseudoinstagramdevotrepersonnage les codes(note – n'oubliez pas de changer le nombre de posts, followers et following, ainsi que de le nombre de likes et de commentaires sur chaque photo du fil si vous avez le courage !)- pour le fil (post principal):
- 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" /> <style>.pseudo2 {display: inline-block; font-size: 1.2rem; line-height: 1.2rem; font-weight: 300; color: black; transform: none !important; left: 0 !important; letter-spacing: 0 !important; position: inherit !important; text-align: left !important; text-transform: inherit !important;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style><link rel="stylesheet" href="https://www.aht.li/3282530/insta_onglets.css" /> <div class="insta"> <div class="profil"><img class="profil-image" src="URL DE L'IMAGE DE PROFIL ICI" /> <div class="perso more"> <div class="pseudo2">PSEUDO</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> description ou introduction ici <a href="LIEN DE VOTRE CHOIX ICI" 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 1
--><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="IMAGE 1" /></div><!--
code ajout nouvelle image 2
--><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="IMAGE 2" /></div><!--
code ajout nouvelle image 3
--><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="IMAGE 3" /></div><!--
code ajout nouvelle image 4
--><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="IMAGE 4" /></div><!--
code ajout nouvelle image 5
--><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="IMAGE 5" /></div><!--
code ajout nouvelle image 6
--><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="IMAGE 6" /></div><!--
code ajout nouvelle image 7
--><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="IMAGE 7" /></div><!--
code ajout nouvelle image 8
--><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="IMAGE 8" /></div><!--
code ajout nouvelle image 9
--><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="IMAGE 9" /></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 tag 1
--><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="IMAGE 1" /></div><!--
code ajout d'une image tag 2
--><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="IMAGE 2" /></div><!--
code ajout d'une image tag 3
--><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="IMAGE 3" /></div><!--
code ajout d'une image tag 4
--><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="IMAGE 4" /></div><!--
POSSIBILITÉ D'EN AJOUTER AUTANT QUE VOUS LE DÉSIREZ, EN COPIANT/COLLANT LE FRAGMENT DE CODE CI-DESSUS.
FIN DES MENTIONS
--></div></div> </div>
<div class="loader"></div></div> <credit>cr: HERESY.</credit>
- pour poster une nouvelle 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://www.aht.li/3282993/insta-comm.css" /> <style>hr{height: 0;border: solid #272727 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" /></a> <div class="id-pseudo">username • following</div></div><!--
--><img class="post-pic" src="URL DE VOTRE IMAGE ICI" /><div class="post-like"><strong>439 Likes</strong> <strong>username</strong> légende de la photo ici <hr /> <div class="date" style="margin-top: -5px;">June 15</div></div></div>
- suivre quelqu'un:
- 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"><span class="titrecom">Notifications</span></div><!--
DÉBUT DE LA PARTIE À PERSONNALISER
--><div style="padding-left: 20px; padding-right: 20px; margin-top: 22px;"><!--
--><strong>username</strong> a commencé à vous suivre</div></div></center><!--
FIN DE LA PARTIE À PERSONNALISER
--><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" /> <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:white; font-family: Open Sans;font-size: .8rem; color:black; text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 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 #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
- « 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"><span class="titrecom">Commentaires</span></div><!--
DÉBUT DE LA PARTIE À PERSONNALISER
--><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;"/><!--
--><strong>username</strong> a aimé votre publication</div></div></center><!--
FIN DE LA PARTIE À PERSONNALISER
--><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" /> <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:white; font-family: Open Sans;font-size: .8rem; color:black; text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 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 #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
- poster un commentaire (moins d'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"><span class="titrecom">Commentaires</span></div><!--
DÉBUT DE LA PARTIE À PERSONNALISER
--><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;"/><!--
--><strong>username</strong> commentaire court (une ligne maximum)</div></div></center><!--
FIN DE LA PARTIE À PERSONNALISER
--><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" /> <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:white; font-family: Open Sans;font-size: .8rem; color:black; text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 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 #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
- poster un commentaire (plus d'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"><span class="titrecom">Commentaires</span></div><!--
DÉBUT DE LA PARTIE À PERSONNALISER
--><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"/></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><!--
FIN DE LA PARTIE À PERSONNALISER
--><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" /> <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:white; font-family: Open Sans;font-size: .8rem; color:black; text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 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 #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
- indiquer une mention :
- 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"><span class="titrecom">Notifications</span></div><!--
DÉBUT DE LA PARTIE À PERSONNALISER
--><div style="padding-left: 20px; padding-right: 20px; margin-top: 22px;"><a href="LIEN VERS LA PUBLICATION SUR VOTRE INSTAGRAM"><img class="insta-id-pic" src="LIEN VERS L'IMAGE DE LA PUBLICATION" align="right" style="margin-top: -5px;"/></a><!--
--><strong>username</strong> vous a mentionné dans une publication</div></div></center><!--
FIN DE LA PARTIE À PERSONNALISER
--><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" /> <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:white; font-family: Open Sans;font-size: .8rem; color:black; text-align: justify} .fondhautinstag{width:375px; height: 25px; margin:auto; background:#f9f9f9;border-bottom:solid #dbdbdb 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 #dbdbdb 1px;} .titrecom{font-family: 'Roboto', sans-serif;color:#262626;font-size: 13px;} hr{height: 0;border: solid #272727 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
|
|