AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Bienvenu sur drink it if you can Invité et amuses toi bien!
N'oubliez pas de jetez un œil aux nouveautés ICI et à nous donner votre avis sur le nouveau design, créer par notre adorable Noah aka smoak.
diiyc souhaite la bienvenu à l'été, au beau temps et aux longues journées de vacances!

Partagez|

▬ Modèle de réseaux sociaux

Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar

Je suis le gentil
MessageSujet: ▬ Modèle de réseaux sociaux Lun 29 Déc - 0:57


Code de réseaux sociaux


Facebook

Page d’accueil


Code:
<center><div style="font-family: arial; border-radius:0px 0px 0px 0px;background:url('https://31.media.tumblr.com/1b22f4df9048694d332740d84d6221ad/tumblr_inline_n5baesBSdg1rivab4.jpg');height: 230px; 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="https://31.media.tumblr.com/f1c6d991e9e7b6dc8d8dc666ec508934/tumblr_inline_n5be3jbl5z1rivab4.jpg"; ></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]

Post


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="https://31.media.tumblr.com/f1c6d991e9e7b6dc8d8dc666ec508934/tumblr_inline_n5be3jbl5z1rivab4.jpg"; ></td><td><span style="color:#3b5998; font-size:14px;letter-spacing: -1px;font-family:Arial;">[b]VOTRE PRENOM ET NOM[/b]</span>
<span style="color:#89919c; font-size:12px;letter-spacing: px;font-family:Arial;">X heure· </span>
</td></table>
Votre commentaire  - Avec [color=#3b5998]Nom de la personne[/color]
<img style=" width: 430px;  " src="URL DE LA PHOTO SI VOUS EN METTEZ UNE"; >

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



Dernière édition par Le Maire le Sam 24 Jan - 12:35, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar

Je suis le gentil
MessageSujet: Re: ▬ Modèle de réseaux sociaux Sam 24 Jan - 12:29


Code de réseaux sociaux


Twitter

Page d’accueil


Code:
<center><div style="font-family: arial;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; border-radius:7px 7px 0px 0px;background:url('https://31.media.tumblr.com/8666ea342d32ec53ac1d9b76a36d557b/tumblr_n5dmafZdUs1s2x10xo7_500.png'); 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 #ffffff;box-shadow:0px 0px 3px black; margin-bottom:5px;" src="https://31.media.tumblr.com/f1c6d991e9e7b6dc8d8dc666ec508934/tumblr_inline_n5be3jbl5z1rivab4.jpg"; >
<div style="color:white;text-shadow:0px 0px 3px black; font-size:25px;letter-spacing: -1px;margin-bottom:5px;font-family:Arial;">Nom</div><div style="color:white;text-shadow:0px 0px 3px black; font-size:20px;letter-spacing: -1px;font-family:Arial;margin-bottom:5px;">@pseudo</div><div style="color:white;text-shadow:0px 0px 3px black; font-size:13px;letter-spacing: px;font-family:Arial;width:300px;">votre description</div></center>

</div><div style="font-family: arial;border:1px solid #dfdfdf; 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]XXX[/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]

Pour les comptes officiels, a placé juste après votre Nom :
Code:
[img]https://si0.twimg.com/help/1307051362_737[/img]

Post

Code:
<center><div style="font-family: arial; border-radius:7px 7px 0px 0px;background:white; text-align: ;height: 20px; border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right: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: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="https://31.media.tumblr.com/f1c6d991e9e7b6dc8d8dc666ec508934/tumblr_inline_n5be3jbl5z1rivab4.jpg"; ></td><td><span style="color:#333333; font-size:15px;font-family:Arial;">[b]NOM[/b]</span> <span style="color:#999999; font-size:15px;font-family:Arial;">@Pseudo</span>
Votre texte [color=#3b5998]@Quelqu'un[/color]</td></table>
<img style=" width: 450px;  " src="SI VOUS VOULEZ AJOUTER UNE IMAGE"; ></div><div style="font-family: arial; border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;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]



Dernière édition par Le Maire le Sam 24 Jan - 12:34, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar

Je suis le gentil
MessageSujet: Re: ▬ Modèle de réseaux sociaux Sam 24 Jan - 12:31


Code de réseaux sociaux


Instagram

Page d’accueil


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

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

Commentaire

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



Dernière édition par Le Maire le Sam 24 Jan - 12:33, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar

Je suis le gentil
MessageSujet: Re: ▬ Modèle de réseaux sociaux Sam 24 Jan - 12:33


Code de réseaux sociaux


Téléphone

Iphone 5 blanc

Visualisation:
 
Code:
<center><div style="height:20px;"></div><div style="width:258px; height: 545px; line-height: 83%; margin:auto; background-image:url(http://i58.tinypic.com/2qmexz7.png)"><center><div style="height:100px;"></div><div style="background: transparent; width: 110px; height: 20px; color: #000000; font-family: arial; font-size: 12px; letter-spacing: 0px; line-height: 90%; padding-left: 10px; text-align: center; overflow: auto;"><b>Pseudo</b></div><div style="height:3px;"></div><div style=" width:180px; webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px; max-height: 150px; color: #9C9C9C; font-family: calibri; font-size: 9px; letter-spacing: 1px; line-height: 95%;  text-align: center; overflow: auto;">[b]Message[/b]
[b]aujourd'hui[/b] 00:00</div>
<div style="width:180px;color: white; font-family: Arial; font-size: 10px; letter-spacing: 1px;padding:10px;background-color: #07F707;border-radius: 10px;">Ecrire le texto ici.</div></div></div></div>
Iphone 5 noir avec fond d'écran

Visualisation:
 
Code:
<center><br/><img src="http://i.imgur.com/zn7MurB.png" height="550"/>
<img src="IMG DE FOND D'ECRAN" style="width:220px;height:265px;position:relative;top:-396px;left:2px;opacity:0.8;"/><div style="width:170px;height:150px;background-color:#313a79;position:relative;top:-610px;border-radius: 12px;margin-bottom:-420px;border:solid white 2px;opacity:0.9;text-align:justify; overflow:auto;color:white;font-size:10px;line-height:0.9;font-family:times new roman;padding:7px;"><span style="font-family:century gothic;font-weight:bold;color:white;text-shadow:1px 0px 1px black;font-size:14px;font-variant:small-caps;"><center>Prénom</center></span>
Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici! Ecrire ici!</div></center>
Iphone 4 blanc

Visualisation:
 
Code:
<center><div style="height:20px;"></div><div style="width:255px; height: 497px; line-height: 90%; margin:auto; background-image:url(http://i.imgur.com/p7nqe.png)"> <center><div style="height:107px;"></div><div style="background: transparent; width: 110px; height: 20px; color: #FFF; font-family: arial; font-size: 15px; letter-spacing: 0px; line-height: 90%; padding-left: 10px; text-align: center; overflow: auto;"><b>First Last</b></div><div style="height:40px;"></div><div style=" width:180px; webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); max-height: 150px; color: #000; font-family: calibri; font-size: 10px; letter-spacing: 0px; line-height: 95%;  text-align: justify; overflow: auto;">

TEXT MSG

</div></div></div></div><center><a href="http://forums.athousandfireflies.com/index.php?showuser=15503" style="font-size: 8px; font-family: calibri;" target="_blank">THANKS XO MONSTER</a></center><div style="height:20px;"></div>
Samsung noir

Visualisation:
 
Code:
<center><div style="height:20px;"></div><div style="width:257px; height: 484px; line-height: 90%; margin:auto; background-image:url(http://img4.hostingpics.net/pics/977205IBDVi.png)"> <center><div style="height:80px;"></div><div style="background: transparent; width: 110px; height: 20px; color: #FFF; font-family: arial; font-size: 15px; letter-spacing: 0px; line-height: 90%; padding-left: 10px; text-align: center; overflow: auto;"><b>Pseudo</b></div><div style="height:3px;"></div><div style=" width:180px; webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px; max-height: 150px; color: #5a5c60; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 95%;  text-align: center; overflow: auto;"> Messagerie
</div>
<div style="width:200px;height:250px;overflow:auto;text-align:justify;"><div style="width:180px;color: black; font-family: calibri; font-size: 10px; letter-spacing: 1px;padding:10px;background-color: #91cae5;border-radius: 10px;">N'hésitez pas à laisser un message, je vous rappelle dès que possible ! </div></div></div></div></div>
[font=Arial][size=7]CREDIT > [url=http://socktreasurebox.e-monsite.com/]CHAUSSETTE[/url][/size][/font]
Samsung S4 blanc

Visualisation:
 
Code:
<center><div style="height:20px;"></div><div style="width:258px; height: 505px; line-height: 83%; margin:auto; background-image:url(http://i62.tinypic.com/2lcmyc3.png)"><center><div style="height:90px;"></div><div style="background: transparent; width: 110px; height: 20px; color: #FFF; font-family: arial; font-size: 15px; letter-spacing: 0px; line-height: 90%; padding-left: 10px; text-align: center; overflow: auto;"><b>Pseudo</b></div><div style="height:3px;"></div><div style=" width:180px; webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 5px; max-height: 150px; color: #5a5c60; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 95%;  text-align: center; overflow: auto;">_________ 00/00/0000 _________</div>
<div style="width:180px;color: black; font-family: calibri; font-size: 10px; letter-spacing: 1px;padding:10px;background-color: #91cae5;border-radius: 10px;">Ecrire le texto ici.</div></div></div></div>
Iphone 3

Visualisation:
 
Code:
<center><div style="width: 300px; height: 510px; background:url(http://i.imgur.com/ZQlFj.png)"><div style="width: 290px; text-align:center; font-family: arial; font-size: 30px; letter-spacing: -2px; padding-top: 95px; color: #888; line-height: 100%; text-align:center"> composing text</div><div style="font-family: trebuchet ms; font-size: 11px; line-height: 100%; letter-spacing: 3px; color: #ccc">[i]send to name here[/i]</div><br><div style="width: 180px; text-align:justify; font-family: trebuchet ms; font-size: 10px; color: #ccc; line-height: 100%; font-weight: bold">

message here c:

</div></div><a href="http://forums.athousandfireflies.com/index.php?showuser=12013"> ty sophia @ atf.</a>
</center>
blackberry bold

Visualisation:
 
Code:
<link href='http://fonts.googleapis.com/css?family=Dosis:400,200' rel='stylesheet' type='text/css'><center><div style="height:20px;"></div><div style="width:243px; height: 421px; line-height: 90%; margin:auto; background-image:url(http://i.imgur.com/6SsMM.png)"><center><div style="height:64px;"></div><div style=" width: 218px; height: 20px; color:"><b>
<table><tr><td valign="top" width="45"><img src="100 X 100 ICON HERE" width="25" height="25"></td><td valign="top"><div style="width:180px; height: 20px; color: #FFF; font-family: dosis; font-size: 18px; letter-spacing: 0px; line-height: 90%; text-align: left; font-weight: 200; background: none; padding-top: 10px">First Last, nickname</div></div></div></td></tr></table></b></div><div style="height:34px;"></div> <div style="width:205px; height: 95px; padding-left: 5px; text-align: right  "> <div style=" width:190px; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); background: -moz-linear-gradient(top,  #fff,  #f1f1f1); max-height: 60px; color: #000; font-family: tahoma; font-size: 10px; letter-spacing: 0px; line-height: 98%;  text-align: justify; overflow: auto;">

TEXT

</div></div></div><center><a href="http://forums.athousandfireflies.com/index.php?showuser=15503" style="font-size: 8px;letter-spacing: 3px;font-family: calibri;" target="_blank">THANKS XO MONSTER</a></center><div style="height:20px;"></div>
blackberry torch

Visualisation:
 
Code:
<style type="text/css">
.loltext::-webkit-scrollbar {width: 3px;background: #fff;}
.loltext::-webkit-scrollbar-thumb {background: #222;}
.loltext::-webkit-scrollbar-corner {background: #fff;}</style><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><center><div style="width: 250px; height: 443px; background-image: url(http://i.imgur.com/RsfxO.png)"><div style="height: 130px"></div><table cellpadding="0" cellspacing="0"><td><a href="http://forums.athousandfireflies.com/index.php?showuser=8724"><div style="width: 75px; height: 75px; background-image: url(75X75 IMAGE HERE )"></div></a></td> <td><div style="width: 1px"></div></td> <td><div style="width: 123px; font-family: 'Open Sans Condensed'; font-size: 15px; text-transform: uppercase; color: #fff; line-height: 100%; text-align: center; letter-spacing: 1px; font-weight: lighter; word-spacing: -1px">new text message</div><div style="width: 123px; font-family: calibri; font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; line-height: 90%; letter-spacing: 0px; font-style: italic">from: [b]name[/b]</div></td></table><div style="width: 179px; height: 125px; padding: 10px;"><div style="width: 169px; height: 115px; padding: 5px; font-family: calibri; font-size: 10px; text-align: justify; overflow: auto; color: #fff; line-height: 100%" class="loltext">

message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~ message here yay~

</div></div></div></div></center>



Dernière édition par Le Maire le Sam 24 Jan - 13:34, édité 3 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar

Je suis le gentil
MessageSujet: Re: ▬ Modèle de réseaux sociaux Sam 24 Jan - 12:34


Code de réseaux sociaux


Snapchat

Post

Code:
<div style="position:relative; float:left; clear:none; overflow:hidden;">
    <img src="URL DE L'IMAGE" style="position:relative; z-index:1; width:400px;">
    <div style="display:block; position:absolute; width:100%; top:60%; left:0; z-index:2; text-align:center; background:#505050; color:#ffffff; padding-top:5px; padding-bottom:5px; opacity:0.6;">et la petite phrase qui va avec</div>
    </div>

Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Contenu sponsorisé
MessageSujet: Re: ▬ Modèle de réseaux sociaux

Revenir en haut Aller en bas

▬ Modèle de réseaux sociaux

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires

-
» Les réseaux sociaux du forum !» [Culture] Toa Mata Band : Les 1ers BIONICLE font le buzz sur les réseaux sociaux» The Sims 4 : la version piratée qui amuse les forums et réseaux sociaux!» trop de réseaux sociaux tue la vie sociale» [IRL] Les réseaux sociaux
Page 1 sur 1
Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Drink it if you can :: Communications :: Réseaux sociaux & téléphonie-