-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache
64.99 € 129.99 €
Voir le deal

 :: The new rhapsodes :: ༄ selfies and portraits
Voir le sujet précédent Aller en bas Voir le sujet suivant
༄ code et explications.
༄ celui qui fait trembler la terre.
Poséidon
Poséidon
atlante depuis : 07/08/2020
parchemins : 51
visage : -- poséidon.
https://atlantis-songs.forumactif.com
Mer 23 Sep - 16:51
Poséidon
modèle & explication

INSTAGRAM



petites précisions ::
droite Un sujet par personnage, si vous souhaitez en avoir plusieurs (notamment pour les différents mystères), il faudra contacter le staff et lui expliquer pourquoi.
droite Vous gagnez 5 drachmes quand vous ouvrez le sujet, et 3 à chaque post dans cette catégorie.
droite Merci de respecter le modèle prénom nom || @pseudo (public/privé) pour le titre !
droite Vous pouvez utiliser un autre code, merci de créditer la personne qui l'a fait.  spark

les chants de l'atlantide
༄ celui qui fait trembler la terre.
Poséidon
Poséidon
atlante depuis : 07/08/2020
parchemins : 51
visage : -- poséidon.
https://atlantis-songs.forumactif.com
Mer 23 Sep - 17:00
Poséidon
modèle & explication

INSTAGRAM



premier post (profil) ::

Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<div class="igprincipal"><div class="head-igprin"><i class="fas fa-arrow-left"></i><div class="username-igpr">bettyleg</div><i class="fas fa-ellipsis-v"></i></div><div class="pri-igprin"><div class="imgperf-ig"><img src="http://via.placeholder.com/120"></div><div class="datos-prfig"><div class="dts-ig1"><strong>451</strong><br/>Post</div><div class="dts-ig1"><strong>759 mil</strong><br/>followers</div><div class="dts-ig1"><strong>673</strong><br/>followed</div></div></div><div class="dts-seig"><strong>BETTY</strong><div class="descr-ig">from paris, with love</div><div class="histdest-ig"><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>Studio</div><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>Tour</div><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>world</div></div></div><div class="decor-ig"><i class="fas fa-th-large"></i><i class="fas fa-user-tag"></i></div><div class="fot-igpri"><img src="http://via.placeholder.com/128"><img src="http://via.placeholder.com/128"><img src="http://via.placeholder.com/128"></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<style>.igprincipal{width:400px; height:530px; border:1px solid #eee; margin:10px auto;} .head-igprin{height:20px; background:#fff; padding:10px; border-bottom:1px solid #eee;} .head-igprin i, .head-igprin .username-igpr{float:left; color:#444;} .head-igprin .fa-arrow-left{padding-left:10px; font-size:15px; margin-top:5px;} .username-igpr{padding-left:20px; font-size:17px; font-family:arial; margin-top:2px;} .head-igprin .fa-ellipsis-v{float:right; margin-right:10px; font-size:15px; margin-top:4px;} .pri-igprin{height:135px; padding-top:15px; background:#fff;} .imgperf-ig{width:126px; height:126px; border-radius:180px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); padding:3px; margin-left:18px; float:left;} .imgperf-ig img{width:120px;height:120px; border-radius:180px;border:3px solid #fff;} .datos-prfig{width:210px; height:50px; background:#fff; float:left; margin-left:20px; margin-top:50px; display:grid; grid-template-columns: auto auto auto;} .dts-ig1{font-family:arial; font-size:15px; text-align:center; color:#555;} .dts-ig1 strong{color:#333;} .dts-seig{max-height:130px; padding:10px 20px; background:#fff;} .dts-seig{font-family:arial; font-size:13px; border-bottom:1px solid #eee;} .histdest-ig{height:85px; background:#fff; margin-top:10px;} .imghistig{ float:left; margin-right:15px; background:#fff; width:60px; height:60px; border-radius:180px; padding:2px; border:1px solid #ddd; text-align:center; font-family:arial; font-size:12px;} .imghistig img{width:60px; height:60px; border-radius:180px; margin-bottom:4px;} .decor-ig{height:30px; background:#fff; font-size:25px; text-align:center; display:grid; grid-template-columns:auto auto; padding:10px 10px 0px 10px; color:#888; border-bottom:1px solid #eee;} .fa-th-large{border-bottom:1px solid #888;} .fot-igpri{height:130px; background:#fafafa; display:grid; grid-template-columns: auto auto auto; padding:10px 0px 10px 4px;} .fot-igpri img{width:128px; height:128px; background:#ddd;outline:1px solid #ccc;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .contcoment-ig hash{color:blue;}</style>

nouvelle publication ::

Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="postig"><div class="headig"><div class="userimgp"><div class="imgus-postig"><img src="http://via.placeholder.com/40"></div><div class="user-postig"><strong>bettyleg</strong><br/>Nowhere</div></div><div class="pnt-postig"><i class="fas fa-ellipsis-v"></i></div></div><div class="imgran-postig"><img src="http://via.placeholder.com/400"></div><div class="foot-postig"><div class="hheart"><i class="far fa-heart"></i></div> <i class="far fa-comment"></i> <i class="far fa-paper-plane"></i> <i class="far fa-bookmark"></i></div><div class="coment-postig"><div class="mg-postig"><strong>747.144 j'aime</strong></div><div class="post-user-ig"><strong>bettyleg</strong> a new age <hash>#FutureNostalgia</hash> </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.postig{width:400px; max-height:600px; margin:10px auto; border:1px solid #eee;} .headig{height:45px; background:#fff; padding:7px; border-bottom:1px solid #eee;} .imgus-postig{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width:44px; height:44px; padding:2px; border-radius:180px;} .imgus-postig img{border:2px solid #fff;width:40px; height:40px; border-radius:180px;} .user-postig{position:relative; top:-37px; left:60px; font-family:arial; font-size:13px; text-align:12px; color:#444;} .pnt-postig{float:right; margin-top:-65px; right:20px; position:relative; color:#444;} .imgran-postig{height:400px; width:400px; background:#eee; border-bottom:1px solid #eee;} .imgran-postig img{width:400px; height:400px; margin-top:-28px;} .foot-postig{height:20px; border-top:1px solid #eee; padding:10px; padding-left:15px; background:#fff;} .foot-postig i{font-size:20px; color:#555;} .foot-postig .fa-heart, .foot-postig .fa-comment{margin-right:14px;} .hheart:hover .fa-heart{color:red!important; font-weight:900!important;} .hheart{display:inline-block;} .coment-postig{max-height:80px; background:#fff; font-family:arial; padding:5px 15px; font-size:14px; color:#333; padding-bottom:20px;} .mg-postig{height:23px; font-size:13px; border-bottom:1px solid #eee; margin-bottom:10px;} .post-user-ig hash{color:blue;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .foot-postig .fa-bookmark{float:right; position:relative; right:10px;}</style>

story :

Code:
<div class="histig"><img src="http://via.placeholder.com/280x500"><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>bettyleg</strong>19 h</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.histig{width:280px; height:500px; margin:5px auto; border:1px solid #eee;} .histig img {width:280px; height:500px; background-size:cover; } .bordup{height:12px; position:relative; top:-499px; background:# ddd;display:grid; border:1 px solid #ddd} .brd{ height:2px; background:rgba(255,255,255,0.6); margin:3px 10px; border-radius:5px;} .colbor{width:44%; height:2px; background:rgba(255,255,255,0.9);} .imguser{width:40px; height:40px; background:#ddd; margin-top:-500px; position:relative; border-radius:180px; margin-left:10px;} .imguser img{width:40px; height:40px; background-size:cover; border-radius:180px;} .userntime{ color:#fafafa; font-family:arial; font-size:12px; position:relative; top:-30px; left:58px;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;padding-bottom:2px;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

commentaire, follow, j'aime :

Code:
/****** a aimé votre publication *******/
<div class="postigcom"><div class="mgp-ig"><div class="fotodequienledalike"><img src="http://via.placeholder.com/50"></div><div class="contmg-ig"><strong>pseudo</strong> a aimé votre publication. <span class="hmg">2 m</span></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<style>.postigcom{background:#eee; width:400px; height:auto; min-height:103px; margin: 10px auto; padding:1px; outline:1px solid #ddd;} .mgp-ig{width:355px; min-height:60px; margin: 10px auto; padding:12px; outline:1px solid #ddd; background:#fff} .fotodequienledalike{width:50px; height:50px; border-radius:180px; background:#eee; float:left; margin-top:5px;} .fotodequienledalike img{width:50px; height:50px; border-radius:180px;} .contmg-ig{font-family:arial; float:left; margin-top:20px; left:10px; position:relative; font-size:15px; color:#444;} .hmg{color:#ddd;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .contcoment-ig hash{color:blue;} .lafotoquelikeaste{width:60px; height:60px; background:#eee; float:right; outline:1px solid #eee; outline-offset:2px;} .lafotoquelikeaste img{width:60px; height:60px;}</style>

/**** Nouveau follower *****/
<div class="postigcom"><div class="mgp-ig"><div class="fotodequienledalike"><img src="http://via.placeholder.com/50"></div><div class="contmg-ig"><strong>bettyleg</strong> a commencé à vous suivre. <span class="hmg">2 d</span></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<style>.postigcom{background:#eee; width:400px; height:auto; min-height:103px; margin: 10px auto; padding:1px; outline:1px solid #ddd;} .mgp-ig{width:355px; min-height:60px; margin: 10px auto; padding:12px; outline:1px solid #ddd; background:#fff} .fotodequienledalike{width:50px; height:50px; border-radius:180px; background:#eee; float:left; margin-top:5px;} .fotodequienledalike img{width:50px; height:50px; border-radius:180px;} .contmg-ig{font-family:arial; float:left; margin-top:20px; left:10px; position:relative; font-size:15px; color:#444;} .hmg{color:#ddd;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .contcoment-ig hash{color:blue;}</style>

/***** Commentaire *********/
<div class="postigcom"><div class="mgp-ig"><div class="fotodequienledalike"><img src="http://via.placeholder.com/50"></div><div class="contcoment-ig"><strong>bettyleg</strong> a commenté: <hash>Lorem</hash> ipsum dolor sit amet. <span class="hmg">2 d</span></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<style>.postigcom{background:#eee; width:400px; height:auto; min-height:103px; margin: 10px auto; padding:1px; outline:1px solid #ddd;} .mgp-ig{width:355px; min-height:60px; margin: 10px auto; padding:12px; outline:1px solid #ddd; background:#fff} .fotodequienledalike{width:50px; height:50px; border-radius:180px; background:#eee; float:left; margin-top:5px;} .fotodequienledalike img{width:50px; height:50px; border-radius:180px;} .contmg-ig{font-family:arial; float:left; margin-top:20px; left:10px; position:relative; font-size:15px; color:#444;} .hmg{color:#ddd;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .contcoment-ig hash{color:blue;}.contcoment-ig{font-family:arial; float:left; margin-top:20px; left:10px; position:relative;font-size:15px; color:#444; width:290px; line-height:20px; height:60px; background:#ee e; padding-right:5px; margin-top:13px; overflow:auto;}</style>

les chants de l'atlantide
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les Chants de l'Atlantide :: The new rhapsodes :: ༄ selfies and portraits-
Sauter vers: