Frans Van Pieters THE BIG BOSS
♣ messages : 458
♣ métier/études : directeur du centre Giving for Africa
| Sujet: ♣ social network ; instructions Jeu 12 Mar - 20:31 | |
| social network instructions Très utiles de nos jours, les réseaux sociaux attirent de plus en plus de monde. Au fur et à mesure, ils sont devenus presque indispensables pour les gens connectés. Attention à ne pas devenir accro.
♣ il vous suffit de poster un sujet, avec l'un des codes (ci-dessous ou que vous aurez trouvés par vous-mêmes):
- code instagram:
- Code:
-
A poster au début de chaque post: <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://Zadig.opendrive.com/files/85298802_ewQZo/Instagram%20-%20CSS%20Page%20principale.css' rel='stylesheet' type='text/css'><!-- --> <style type='text/css'>.photo{width: 100px; height: 100px; padding:5px; margin: 5px;} .photo-inside{width: 100px; height:100px; background-color: rgba(0, 0, 0, 0.1); background-size:100px;position: relative;left: -1px;top: -1px;}.instapost {width: 480px; background: none repeat scroll 0% 0% #F8F8F8; padding: 5px; border-radius: 5px; margin-bottom: 5px;}</style> La page d'accueil: - Code:
-
<center> <div class="insta-fond"><!--
---- Début de la barre Instagram ----
--> <div class="insta-barre"><!-- --> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <!-- --><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <!--
--><div style="margin-left:8px; margin-right:3px;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(votre-image de profil);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Votre Username ici</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><div class="insta-feed-header" style=""><!--
---------- Début du header contenant les icones --------------------
--> <div class="insta-icon-container"> <table cellpadding="0" cellspacing="0"><tr><td><!-- ----- IMAGE 1 ----- --><!-- IMAGE 1.a--><div id="instaimg1" style="background-image: url(votre-image);"> <!-- IMAGE 1.b --><div class="instahover1" style="background-image: url(votre-image);"></div></div><!-- ---- IMAGE 2 ---- --> <!-- IMAGE 2.a --> <div id="instaimg2" style="background-image: url(votre-image);"> <!-- IMAGE 2.b --><div class="instahover2" style="background-image: url(votre-image);"></div></div></td><td><!-- ----- IMAGE 3 (grande pic) ----- --><!-- IMAGE 3.a --><div id="instaimg" style="background-image: url(votre-image);"><!-- IMAGE 3.b --><div class="instahover" style="background-image: url(votre-image);"></div></div></td><td><!-- ------ IMAGE 4 ------ --><!-- IMAGE 4.a --><div id="instaimg3" style="background-image: url(http://img4.hostingpics.net/pics/818362NicoIc4.png);"><!-- IMAGE 4.b --><div class="instahover3" style="background-image: url(votre-image);"></div></div> <!-- ------ IMAGE 5 ------ --><!-- IMAGE 5.a --><div id="instaimg4" style="background-image: url(votre-image);"><!-- IMAGE 5.b --><div class="instahover4" style="background-image: url(votre-image);"></div></div></td> <td><!-- ------ IMAGE 6 ------ --><!-- IMAGE 6.a --><div id="instaimg5" style="background-image: url(votre-image);"><!-- IMAGE 6.b --><div class="instahover5" style="background-image: url(votre-image);"></div></div><!-- ------ IMAGE 7 ------ --><!-- IMAGE 7.a --> <div id="instaimg6" style="background-image: url(votre-image);"><!-- ------ IMAGE 7 ------ --><!-- IMAGE 7.b --><div class="instahover6" style="background-image: url(votre-image);"></div></div></td></tr></table> </div></div><!--
---------- FIN du header contenant les icones --------------------
--> <div class="insta-fond-profile"><table cellpadding="0" cellspacing="0"><tr><td><div class="icon-profile-wrap"> <!--
---------- Icone du profil (la même que la mini) --------------------
--><div class="icon-profile" style="background-image: url(votre-image de profil);"><!--
--></div><div style="height:4px;"></div><div class="insta-button-follow"> <div class="insta-follow-text"> Following</div></div></div></td><td><!-- ------------ DEBUT DU PROFIL ------------------ --><div class="insta-username2">Nom d'utilisateur </div><!-- --><div class="bio-user"> <b>Pseudo, nom, whatever</b> Hello my name is Robert </div></td><td> <!-- ------------ DEBUT DES STATS ------------------ --><div class="insta-stat"><center><!-- ------------ Nombre de posts ------------------ --><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">###</div> <div class="stat-b"> posts </div></td> <!-- ------------ Nombre de followers ------------------ --><td> <div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> followers </div></td><!-- ------------ Nombre de compte suivis ------------------ --><td><div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> following </div></td></tr></table></center></div></td></tr></table></div><!-- ------------ FIN DU PROFIL ------------------ --> <!-- ------------ DEBUT DU FEED PHOTOS ------------------ --><div class="feed-photos"><table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!-- --> </tr> </table><!--
--><div class="feed-divider"></div><!--
--> <table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!-- --><td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <!--
--><td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> </tr> </table> <!-- Coller le code avant le <!-- précédent pour rajouter des lignes. --></div><div class="load-footer">Load more...</div></div> </center> RAJOUTER UNE LIGNE DE PHOTOS: A coller à l'endroit indiqué: - Code:
-
<table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
--> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!-- --> </tr> </table><!--
--><div class="feed-divider"></div> Nouveau post avec commentaires: - Code:
-
<center><!--
---- Début de la barre Instagram ----
--> <div class="insta-barre" style="left:0px;"><!-- --> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <!-- --><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <!--
--><div style="margin-left:8px; margin-right:3px;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(votre image de profil);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Votre Username ici</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><div class="insta-fond" style="padding-top:5px;"><div class="instapost"><table cellpadding=0 cellspacing=0 cellmargin=0 width=100%><tr valign="middle"><td width="230px" style="border-right: 1px solid #AAA; padding: 3px;"><a href="http://www.bazzart.org/u4334"><!--
--><div class="insta-post-left"> <!-- Votre image de post --><div class="insta-post-left-img" style="background:url(Pic postée)"></div></div></a><!--
--></td><td><!--
--><div style="background: #fefefe;"><div class="profile-bar"><table width="100%"><tr valign="top"><!-- Mini-image de profil --><td width="30px"><div class="insta-comment-img" style="background:url(votre image)"></div></td><td><!--
--><div class="insta-poster">Votre pseudo <!-- --><b># days ago</b> </div></td><!--
--><td width="60px"><div class="insta-button-follow" style="margin-top: 0px"><span class="insta-follow-text">Following</span></div></td></tr><!--
--><tr><td colspan="2"><div class="instacap"> Ta vie, tes tags #Jambon ! </div> </td></tr></table></div> <!-- La Like bar. Si t'as pas de likes, bah tu mets 0 *pan* --><div class="likesBar"> <span class="likesBar-pseudo">Saucisse au jambon</span> and <span class="likesBar-number">125</span> others like this. </div><!-- Les champs des commentaires --> <div class="insta-comment"><!--
--> <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b><br/> un commentaire. <i>#tag</i> <a href="" class="insta-link">@Link</a></div><br/> <!--
--><div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b> <br/> un commentaire.</div> <!-- Remplacer ici pour rajouter des commentaires --> </div><!-- --> <div style="background: #fefefe; padding: 0px 0px"><img src="http://image.noelshack.com/fichiers/2014/13/1395771220-0nwsiwm2.png"/></div></div><!--
--></td></tr></table> </div></div></center> Commenter: - Code:
-
<center><!--
---- Début de la barre Instagram ----
--> <div class="insta-barre" style="left:0px;"><!-- --> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <!-- --><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <!--
--><div style="margin-left:8px; margin-right:3px;"><!-- Début mini icone utilisateur --> <div class="mini-icon-profile" style="background-image: url(votre-image);"></div><!-- Fin icone utilisateur et début Username --></div> </td><td><div class="insta-miniusername">Votre Username ici</div><!-- ----- Fin Username ----- --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--
---- FIN de la barre Instagram ----
--><div class="insta-fond" style="padding-top:2px;"><div class="insta-reply-wrap"><div class="insta-reply-img" style="background:url(votre-image)"></div> <span class="reply-pseudo">un pseudo</span> Commentaire pas trop long sinon ça devient grave moche </div></div></center>
- code twitter:
- Code:
-
<center><div style="font-family: arial; border-radius:7px 7px 0px 0px;background:url('URL D'UNE GRANDE IMAGE POUR FOND'); text-align: center;height: auto; width:500px;" align="justify"> <center><BR><img style="border-radius:7px 7px 7px 7px; width: 80px; height: 80px;border:3px solid white;box-shadow:0px 0px 3px black; margin-bottom:5px;" src="URL D'UNE ICONE 100*100"; > <div style="color:white;text-shadow:0px 0px 3px black; font-size:25px;letter-spacing: -1px;margin-bottom:5px;font-family:Arial;">Nom + Prenom</div><div style="color:white;text-shadow:0px 0px 3px black; font-size:20px;letter-spacing: -1px;font-family:Arial;margin-bottom:5px;">@pseudotwitter</div><div style="color:white;text-shadow:0px 0px 3px black; font-size:13px;letter-spacing: px;font-family:Arial;width:300px;">Courte phrase sur tout et n'importe quoi </div></center>
</div><div style="font-family: arial; border-radius:0px 0px 7px 7px;background-color: white; text-align: justify;height: 60px; width:500px; font-size:10px;font-family:arial;color:#333333;"><table><tr><td><ul>[size=12][b]XXX[/b][/size] TWEETS</ul></td><td><ul>[size=12][b]XXX[/b][/size] ABONNEMENTS</ul></td><td><ul>[size=12][b]XXXX[/b][/size] ABONNES</ul></td><td><ul>[img]http://nsa31.casimages.com/img/2014/01/22//140122043404227652.png[/img]</ul></td></tr></table> </div></center> [font=Arial][size=7]CREDIT >[url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url] [/size][/font] - Code:
-
<center><div style="font-family: arial; border-radius:7px 7px 0px 0px;background:white; text-align: ;height: 20px; border-bottom:1px solid #dfdfdf;width:490px;padding:5px;padding-top:10px;" align="justify"><span style="color:#333333; font-size:20px;letter-spacing: -1px;font-family:Arial;">[b]Tweets[/b]</span></div><div style="font-family: arial; background:white; text-align: ;height: px; border-bottom:1px solid #dfdfdf;width:490px;padding:5px;color:#333333;font-family: arial;font-size:12px;" align="left"><table><td><img style="border-radius:7px 7px 7px 7px; width: 50px; height: 50px; " src="URL D'UNE ICONE 100*100"; ></td><td><span style="color:#333333; font-size:15px;font-family:Arial;">[b]Nom prénom[/b]</span> <span style="color:#999999; font-size:15px;font-family:Arial;">@pseudotwitter</span> Message du tweet blablabl ablablalba lbalbal balal blallba </td></table></div><div style="font-family: arial; border-radius:0px 0px 7px 7px;background:white; text-align: center;height: 20px; width:490px;padding:5px;" align="justify"></div></center> [font=Arial][size=7]CREDIT >[url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url] [/size][/font]
- code facebook:
- Code:
-
<center><div style="font-family: arial; border-radius:0px 0px 0px 0px;background:url('URL D'UNE GRANDE IMAGE POUR METTRE EN FOND');height: 200px; width:450px;margin-bottom:-10px;" align="justify"></div><table><td><img style="border-radius:2px 2px 2px 2px; width: 100px;margin-left:-130px; height: 100px;border:3px solid white;box-shadow:0px 0px 3px black; margin-top:-90px;" src="URL D'UNE ICONE 100*100"; ></td><td> <div style="color:white;text-shadow:0px 0px 3px black; font-size:25px;letter-spacing: -2px; margin-top:-40px;font-family:Arial;margin-left:-20px;">[b]Prénom + Nom[/b]</div></td></table><BR> <div style="font-family: arial; margin-top:-50px;background: url('http://nsa31.casimages.com/img/2014/01/22//140122053802623075.png'); text-align: justify;height: 48px; width:450px; font-size:10px;font-family:arial;"> </div><div style="font-family: arial; margin-top:px;background: #e9eaed; text-align: justify;height: 20px; width:450px; font-size:10px;font-family:arial;"> </div><div style="font-family: arial; margin-top: px;background: url('http://nsa31.casimages.com/img/2014/01/22//140122054536653784.png'); text-align: justify;height: 39px; width:450px; font-size:10px;font-family:arial;"> </div><div style="font-family: arial; margin-top:px;background: #ffffff; text-align: justify;height: 48px; width:430px; font-size:14px;font-family:helvetica;color:#777777;padding:10px;"> Exprimez vous...</div></center> [font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font] - Code:
-
<center><div style="font-family: arial; border:2px solid #d3d4d7;margin-top:px;background: #ffffff; text-align: justify;height: px; border-radius:6px 6px 6px 6px;width:430px; font-size:14px;font-family:helvetica;color:#777777;padding:10px;"><table><td><img style="border-radius:6px 6px 6px 6px; width: 50px; height: 50px; " src="URL D'UNE ICONE 100*100"; ></td><td><span style="color:#3b5998; font-size:14px;letter-spacing: -1px;font-family:Arial;">[b]Prénom Nom[/b]</span> <span style="color:#89919c; font-size:12px;letter-spacing: px;font-family:Arial;">XX Mois · </span> </td></table> Racontez votre vie ici <img style=" width: 430px; " src="URL D'UNE IMAGE SI VOUS VOULEZ EN METTRE A SUPPRIMER LE CODE SI VOUS NE VOULEZ PAS"; >
<span style="color:#89919c; font-size:12px;letter-spacing: px;font-family:Arial;">J'aime · Commenter · Désactiver les notifications · Promouvoir · Partager</span></div></center> [font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]
|
|