Le Deal du moment : -40%
-40% sur le Pack Gaming Mario PDP Manette filaire + ...
Voir le deal
29.99 €

Partagez

Les différents réseaux sociaux ♪

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Rising Stars
Messages : 29
Popularité : 64
Admin
Rising Stars
MessageSujet: Les différents réseaux sociaux ♪ Les différents réseaux sociaux ♪ EmptyJeu 30 Juil - 14:30

Voici la liste des réseaux sociaux que l'on peut utiliser sur le forum. Ceux-ci ont le même fonctionnement que les originaux. Vous pouvez copier les codes et les coller dans une/des nouvelle(s) pages. D'autres membres pourront alors venir commenter vos pages etc..
Si vous avez un problème avec les codes ou une question (si vous voulez que le staff vous aide à les mettre en place) veuillez justement envoyer un message privé à l'un des staffiens ! o/

Conseil d'utilisation des réseaux sociaux : Pour éviter le nombre incalculable de sujets :
• Créez un sujet dans la section Social & Popularité.
• Faites un 1er post dans ce sujet avec le code Instagram (si vous voulez vous faire une page).
• Faites un 2eme post dans ce sujet avec le code Facebook (si vous voulez vous faire une page).
• Faites un 3eme post dans ce sujet avec le code Twitter (si vous voulez vous faire une page).
>> Vous pouvez mettre les trois codes dans un post mais ce sera plus compliquer pour éditer.
• Les membres devront ensuite choisir le code idéal pour commenter sur tel ou tel de vos réseaux sociaux (le commentaire twitter conviendra donc à votre page twitter, etc ~)



Instagram


Créer sa page:

Votre Username ici
Following
Nom d'utilisateur
Pseudo, nom, whatever Hello my name is Robert
###
posts
###
followers
###
following
 


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>


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


Créer un post avec des commentaires:
Votre Username ici
Votre pseudo # days ago
Following
Ta vie, tes tags #Jambon !
Saucisse au jambon and 125 others like this.
un pseudo
un commentaire. #tag @Link

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


Poster un commentaire:
Votre Username ici
un pseudo Commentaire pas trop long sinon ça devient grave moche


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>
Revenir en haut Aller en bas
https://rising-stars.forumactif.org
AuteurMessage
Rising Stars
Messages : 29
Popularité : 64
Admin
Rising Stars
MessageSujet: Re: Les différents réseaux sociaux ♪ Les différents réseaux sociaux ♪ EmptyJeu 30 Juil - 14:30



Facebook

Créer sa page :







Prénom + Nom






Exprimez vous...

CREDIT > CHAUSSETTE

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]


Commenter une page :
Prénom Nom
XX Mois ·
Racontez votre vie ici

J'aime · Commenter ·  Désactiver les notifications · Promouvoir · Partager


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

<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>
Revenir en haut Aller en bas
https://rising-stars.forumactif.org
AuteurMessage
Rising Stars
Messages : 29
Popularité : 64
Admin
Rising Stars
MessageSujet: Re: Les différents réseaux sociaux ♪ Les différents réseaux sociaux ♪ EmptyJeu 30 Juil - 14:32



Twitter


Créer sa page et poster sur sa page :




Pseudo
@votretwitter

Une courte citation ici.
Une info • http://nomdevotreperso.com

0,000
tweets
000
following
000
followers
Follow


Tweets



(c) nadja sur libre graph



Code:

<center><br><br><div style="width: 450px; height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-image: url(LIENDEVOTREBANNIERE); font-family: Arial; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 1px #00000; border-top: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-left: 1px solid #C8C8C8;">
<div style="width: 100px; height: 100px; background-image: url(LIENDEVOTREICON); margin-bottom: 10px; border-radius: 10px; border: 3px solid #FFFFFF;"></div><div style="font-size: 22px;">Pseudo</div><div style="font-size: 15px;">@votretwitter</div><br><div style="font-size: 13px; line-height: 12px;">Une courte citation ici.<br>Une info • [url=http://liendevotrefiche]http://nomdevotreperso.com[/url]</div>
</div><div style="width: 450px; height: 49px; background-color: #FFFFFF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 1px solid #C8C8C8;"><table cellspacing="0px" cellpadding="0px"><tr><td><div style="width: 64px; height: 34px; padding: 8px; border-right: 1px solid #C8C8C8;"><div class="fig">0,000</div><div class="desc">tweets</div></div></td><td><div style="width: 84px; height: 34px; border-right: 1px solid #C8C8C8; padding: 8px;"><div class="fig">000</div><div class="desc">following</div></div></td><td><div style="width: 84px; height: 34px; padding: 8px;"><div class="fig">000</div><div class="desc">followers</div></div></td><td><div style="width: 150px; padding-left: 60px;"><div class="icond">Follow</div></div></td></tr></table></div>

<div style="width: 450px; height: auto; border-radius: 10px; border: 1px solid #C8C8C8; background-color: #FFFFFF"><div style="width: 435px; height: 30px; padding-top: 10px; color: #545454; font-family: Arial; font-weight: bold; font-size: 22px; padding-left: 15px; text-align: left;">Tweets</div><div class="link"><table cellspacing="0px"><tr><td><div style="height: 80px; width: 90px; padding-left: 10px; padding-top: 20px;"><img src="LIENICON" width="70px" class="corner"></div></td><td><div class="txt"><span class="fig">Prénom Nom</span><span class="at">@pseudo</span><br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div></td></tr></table></div>
<div class="link"><table cellspacing="0px"><tr><td><div style="height: 80px; width: 90px; padding-left: 10px; padding-top: 20px;"><img src="LIENICON" width="70px" class="corner"></div></td><td><div class="txt"><span class="fig">Prénom Nom</span><span class="at">@pseudo</span><br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div></td></tr></table><br></div>
<div class="link"><table cellspacing="0px"><tr><td><div style="height: 80px; width: 90px; padding-left: 10px; padding-top: 20px;"><img src="LIENICON" width="70px" class="corner"></div></td><td><div class="txt"><span class="fig">Prénom Nom</span><span class="at">@pseudo</span><br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div></td></tr></table><br></div><br><div class="credit2">(c) nadja sur [url=http://libre-graph.forumperso.com]libre graph[/url]</div><br></div>


Commenter une page ou ajouter un post sur sa page :





Code:

<style> .fig{color: #545454; font-family: Arial; font-weight: bold; font-size: 16px;} .desc{text-transform: uppercase; font-family: arial; color: #A4A4A4; font-size: 11px;} .desc:hover{text-decoration: underline} .icond{width: 78px; height: 18px; padding: 6px; background-color: #EDEDED; border: 1px solid #C8C8C8; border-radius: 7px; font-family: arial; font-size: 16px; font-weight: bold; color: #A4A4A4; text-align: center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s} .icond:hover{color: #FFFFFF; background-color: #3A9AC3} .link{width: 450px; height: 100px; background-color: #FFFFFF; border-top: 1px solid #DEDEDE;} .corner{border-radius: 6px;} .at{font-family: arial; color: #A4A4A4; font-size: 14px; margin-left: 5px; position: relative; top: -1px; text-transform: lowercase} .at:hover{text-decoration: underline} .txt{width: 325px; padding-right: 10px; height: 75px; padding-top: 5px; paddin-left: 15px; font-family: arial; font-size: 11px; line-height: 10px; text-align: justify; overflow: auto; margin-top: 16px;} .txt::-webkit-scrollbar {height: 10px;width: 5px;background-color: #FFFFFF} ::-webkit-scrollbar-thumb {background: #C8C8C8;} .txt::-webkit-scrollbar-corner {background: #000;} .credit{font-size: 8px; font-family: arial; color #FFFFFF; text-transform: uppercase;} .credit2{font-size: 8px; font-family: arial; color: #C8C8C8; text-transform: uppercase}</style>

<div class="link"><table cellspacing="0px"><tr><td><div style="height: 80px; width: 90px; padding-left: 10px; padding-top: 20px;"><img src="LIENICON" width="70px" class="corner"></div></td><td><div class="txt"><span class="fig">Prénom Nom</span><span class="at">@pseudo</span><br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div></td></tr></table><br></div>
Revenir en haut Aller en bas
https://rising-stars.forumactif.org
AuteurMessage
Contenu sponsorisé
MessageSujet: Re: Les différents réseaux sociaux ♪ Les différents réseaux sociaux ♪ Empty

Revenir en haut Aller en bas

Les différents réseaux sociaux ♪

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Rising Stars  :: Gestion des Personnages :: Autour des Célébrités :: Web & Réseaux sociaux-