OBX messages : 54 faceclaim : / crédits : ethereal.
| Mer 3 Fév - 11:54 | |
| Bienvenue sur Instagram Afin de créer le compte de votre personnage, il vous suffira d'utiliser les codes donnés ci-dessous et de créer un nouveau sujet. Vous pouvez faire le compte personnel de votre personnage ainsi que des comptes de commerces, restaurants ou autres ! Les codes ont été gentiment créés par heresy (fil) et chaussette (commentaires). Amusez-vous modèle de titrePour poster votre instagram, merci de respecter le code de titre ci-dessous. Merci, également, de n'enlever aucun des crédits. (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 !)exemple : (instagram) rania / @soleadd - Code:
-
(instagram) prénomdevotrepersonnage / @pseudoinstagramdevotrepersonnage les codes- 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 #d9d9d9 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 #d9d9d9 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 #d9d9d9 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 #202121 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 #d9d9d9 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 #d9d9d9 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 #d9d9d9 0;border-top-width: 1px; margin-top: 5px; margin-bottom: 5px;}</style>
petites astucesLe code du fil principal peut être un peu intimidant, alors voici quelques trucs pour vous en sortir, si jamais :ahihi: ☇ Il y a deux « pages », les photos publiées par le compte, et les photos où la personne a été taguée. Vous pouvez ajouter autant de photos que vous voulez en c/c le bloc de code pour chaque image. ☇ Ajouter simplement l'URL de l'image où c'est indiqué « IMAGE 1 », par exemple. ☇ Les deux nombres qui ne sont pas entre balises correspondent au nombre de likes et au nombre de commentaires. Vous pouvez les modifier comme bon vous semble. ☇ Vous pouvez également ajouter des petites icônes pour indiquer qu'il s'agit d'une série de photos ou d'un vidéo à la place d'une photo normale. Il suffit d'ajouter ce petit code avant le code de l'image. Vous pouvez vous référer à l'image 4 dans le code déjà présent pour le vidéo afin d'avoir un exemple. - pour une série de photos:
- Code:
-
<div class="feed-type"><i class="fas fa-clone" aria-hidden="true"></i></div>
- pour un vidéo:
- Code:
-
<div class="feed-type"><i class="fas fa-video" aria-hidden="true"></i></div>
☇ Quand vous publiez une nouvelle photo, vous pouvez indiquer le nombre de likes et aussi changer la date. |
|