Les réseaux sociaux & SMS| Explications

Les réseaux sociaux

• De nos jours presque tout le monde possède un compte facebook, twitter ou autres... Surtout quand on est dans le monde du show business, cela peut s'avérer utile !

• Sur la Secret Island vous avez la possibilité de tenir un réseau voir plusieurs réseaux sociaux mais cela reste évidemment facultatif, vous avez tout à fait le droit de ne pas aimer ça !

•Pour posséder un compte il suffit tout d'abord de créer un nouveau sujet ICI. Vous pouvez ensuite poster votre code facebook, etc...

•Voici un petit listing de tous les codes de réseaux sociaux que nous avons trouvés. Ils viennent de Bazzart, merci de bien laisser les crédits ^^ Vous avez tout à fait le droit de prendre un code que vous avez codé vous même.

•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]

•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 Instagram (plus complexe)

CSS A PLACER AVANT CHAQUE POST

Code:: <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"> <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;"> <div class="mini-icon-profile" style="background-image: url(votre-image de profil);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><div class="insta-feed-header" style=""> <div class="insta-icon-container"> <table cellpadding="0" cellspacing="0"><tr><td><div id="instaimg1" style="background-image: url(votre-image);"> <div class="instahover1" style="background-image: url(votre-image);"></div></div>  <div id="instaimg2" style="background-image: url(votre-image);"> <div class="instahover2" style="background-image: url(votre-image);"></div></div></td><td><div id="instaimg" style="background-image: url(votre-image);"><div class="instahover" style="background-image: url(votre-image);"></div></div></td><td><div id="instaimg3" style="background-image: url(http://img4.hostingpics.net/pics/818362NicoIc4.png);"><div class="instahover3" style="background-image: url(votre-image);"></div></div> <div id="instaimg4" style="background-image: url(votre-image);"><div class="instahover4" style="background-image: url(votre-image);"></div></div></td> <td><div id="instaimg5" style="background-image: url(votre-image);"><div class="instahover5" style="background-image: url(votre-image);"></div></div> <div id="instaimg6" style="background-image: url(votre-image);"><div class="instahover6" style="background-image: url(votre-image);"></div></div></td></tr></table> </div></div> <div class="insta-fond-profile"><table cellpadding="0" cellspacing="0"><tr><td><div class="icon-profile-wrap"> <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><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> <div class="insta-stat"><center><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">###</div> <div class="stat-b"> posts </div></td> <td> <div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> followers </div></td><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> <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> </div><div class="load-footer">Load more...</div></div> </center>

RAJOUTER UNE LIGNE DE PHOTOS

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> <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;"> <div class="mini-icon-profile" style="background-image: url(votre image de profil);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><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"> <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"><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> <div class="likesBar"> <span class="likesBar-pseudo">Saucisse au jambon</span> and <span class="likesBar-number">125</span> others like this. </div> <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>

</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>

RAJOUTER DES COMMENTAIRES

Code:: <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>

COMMENTER

Code:: <center> <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;"> <div class="mini-icon-profile" style="background-image: url(votre-image);"></div></div> </td><td><div class="insta-miniusername">Votre Username ici</div></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><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>

Les SMS

• Vous désirez envoyer et recevoir des SMS ? Il n'y a rien de plus simple, il suffit tout d'abord de créer un nouveau sujet ICI et de de copier ce code si dessous :

Code:: <div style="width:300px; margin:0 auto; color:#878787; background:white; border-left:4px solid #F8BCA3; padding:10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; font-size:10px; line-height:11px;"><img src="http://i47.tinypic.com/30xblo6.png" align="right" style="margin-left:10px; width:70px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:18px; font-style:oblique; letter-spacing:-2px; text-align:right; text-transform:uppercase; color:#F8BCA3; line-height:15px;">Prénom Nom</div><div style="font-family:arial; font-size:14px; letter-spacing:-2px; text-align:right; text-transform:uppercase; color:#FACCB8;line-height:15px;">[b]num :[/b] (000) 000 000 000</div>Une petite description ou phrase fétiche ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<div style="clear:both;"></div>
<div style="background:#F7F7F7; padding:10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; height:200px; overflow:auto;"><div style="font-family:arial black; font-size:20px; letter-spacing:2px; text-transform:uppercase; color:#F39267; line-height:15px; text-align:center;">Mes contacts</div>
<img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>
<img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>
<img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>
<img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>
<img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>
</div>
<div style="font-size:8px; letter-spacing:3px; text-align:center;">codage par palypsyla sur [url=http://www.apple-spring.com]apple-spring[/url]</div></div>

Prénom Nom

num : (000) 000 000 000

Une petite description ou phrase fétiche ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mes contacts

Prénom Prénom Nom

Lien (amitié, autre..)

Prénom Prénom Nom

Lien (amitié, autre..)

Prénom Prénom Nom

Lien (amitié, autre..)

Prénom Prénom Nom

Lien (amitié, autre..)

Prénom Prénom Nom

Lien (amitié, autre..)

codage par palypsyla sur apple-spring

• Pour ajouter un nouveau contact rajouter ceci :

Code:: <img src="http://i47.tinypic.com/30xblo6.png" align="left" style="margin-right:5px; width:30px; border:3px solid #F7F7F7;" /><div style="font-family:arial black; font-size:15px; letter-spacing:-1px; text-transform:lowercase; line-height:15px;">Prénom Prénom Nom</div><div style="font-family:arial; font-size:11px; text-transform:uppercase; line-height:15px;">Lien (amitié, autre..)</div>

Prénom Prénom Nom

Lien (amitié, autre..)

•Pour envoyer et répondre aux messages c'est ce code que vous pouvez utiliser :

Code:: <link href='http://fonts.googleapis.com/css?family=Buda:300' rel='stylesheet' type='text/css'>
<div style="background-color: white; width:300px; height:400px; border-right: #b1b1b1 solid 1px; border-bottom: #b1b1b1 solid 1px; border-bottom-right-radius: 80px; box-shadow:0px 0px 2px #b1b1b1;"><table><tr><td width="110px;"><img src="http://i56.servimg.com/u/f56/12/85/66/13/cielle10.png" style="border-radius:100px; padding:3px; background-color:#f4f4f4; box-shadow: 0px 0px 2px #b1b1b1;"></td><td style="font-family: 'Buda', cursive; color:#9b526b; font-size:25px; text-shadow: 1px 1px 0px #b1b1b1; font-weight:bold; letter-spacing:-1px; text-align:center;"><span style="color:#e0a8b0; font-size:11px; text-shadow:0px 0px 0px;">A:</span>NOM DU CONTACT<div style="color:#e0a8b0; font-size:11px; text-shadow:0px 0px 0px; letter-spacing:1px;">(date et heure de l'envoi)</div></td></tr></table><br /><center><div style="text-align:right; color:#9b526b; font-size:9px; width:250px;"><span style="font-size:8px; color:#e0a8b0;">from:</span>Votre pseudo</div><div style="width:250px; border-left:solid 2px #e0a8b0; box-shadow:0px 0px 2px #b1b1b1; height:200px; font-size:11px; color:#9b526b; text-align:justify; overflow:auto;">SMS :P</div></center>
<div style="font-size:8px; letter-spacing:2px; text-align:center;">codage par Hydro sur <br />[url=http://www.apple-spring.com][color=#9b526b]apple-spring[/color][/url]</div></div>

A:NOM DU CONTACT

(date et heure de l'envoi)

from:Votre pseudo

SMS

codage par Hydro sur
apple-spring

•Ces codes viennent de Apple Spring, merci de bien laisser les crédits ^^ Ce code est facultatif, vous pouvez en prendre un autre. N'hésitez pas à modifier les couleurs !

•N'hésitez pas à nous contacter si vous avez une question ^^