Holmes School

Lycée Londonien Holmes School

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

Code Facebook

Holmes School :: Les réseaux sociaux :: Facebook
Aller en bas
Jonathan Around
Jonathan Around

Me, myself and I
Popularité:
Code Facebook Left_bar_bleue50/100Code Facebook Empty_bar_bleue  (50/100)
Ami(s):
Crimes et Délits:
+

Code Facebook Empty Code Facebook

Mar 5 Juin - 15:25
Profil facebook:



Code:
<center><link href="https://fonts.googleapis.com/css?family=Raleway|Roboto:400,700|Dancing+Script" rel="stylesheet"><div style="background-image:url(https://i62.servimg.com/u/f62/13/73/91/76/facebo11.jpg);background-size:600px auto;width:600px;height:875px;position:relative;font-family: 'Roboto', sans-serif;text-align:justify;color:#000;font-weight:bold;">  <!-- DEBUT PHOTO DE COUVERTURE ; dimension 468x172 --><div id="photo de couverture" style="position:absolute;background-image:url(http://les-couvertures-fb.com/wp-content/uploads/2012/10/LEGO-star-wars-photo-de-couverture-journal-facebook.jpg);background-size:468px 172px;width:468px;height:172px;top:30px;left:31px"></div><!-- FIN PHOTO DE COUVERTURE -->  <!-- DEBUT PHOTO DE PROFIL ; dimension 100x100 --><div id="PHOTO PROFIL" style="position:absolute;background-image:url(http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj);background-size:100px 100px;width:93px;height:94px;top:126px;left:39px;border:1px solid #000;"></div><!-- FIN PHOTO DE PROFIL -->  <!-- DEBUT NOM ET PRENOM --><div id="NOM PRÉNOM" style="position:absolute;top:165px;font-size:14px;left:138px;color:#fff;font-weight:bold;">Prénom P. Nom</div><!-- FIN NOM ET PRENOM -->  <!-- DEBUT PSEUDO --><div id="pseudo" style="position:absolute;top:185px;font-size:10px;left:138px;color:#fff;">@pseudo</div><!-- FIN PSEUDO -->  <!-- DEBUT BLOC DE PRESENTATION --><div id="blocpresentation" style="background-color:#fff;position:absolute;top:243px;left:31px;padding-left:5px;padding-right:5px;height:55px;width:168px;text-align:left;overflow-y:auto;line-height: 1.2;">    <!-- DEBUT NOM ET PRENOM --><span style="font-size:9px;">Prénom P. Nom</span><!-- FIN FIN NOM ET PRENOM -->    <!-- DEBUT PRESENTATION - quelques mots sur ton personnage --><span style="font-size:8px;position:absolute;top:20px;left:6px;font-weight: normal;">quelque chose sur ton perso ; quelque chose sur ton perso ; qualité ; défaut ; </span><!-- FIN PRESENTATION -->  </div><!-- FIN BLOCK DE PRESENTATION -->  <!-- DEBUT DES ALBUMS (x3) --><div id="albums couv" style="background-color:#fff;position:absolute;top:433px;font-size:10px;left:31px;width:177px;height:144px;">    <!-- DEBUT ALBUM 1 : dimension 61x41 ; pas de titre trop long --><img id="IMAGE ALBUM 1" src="https://www.vizeo.net/wp-content/uploads/2017/08/visiter_barcelone_video_alex_vizeo.jpg" style="position:absolute;top:3px;left:4px;font-size:10px;" height="41" width="61" />    <span id="TITRE ALBUM 1" style="font-size:7px;position:absolute;top:18px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 1 </span><!-- FIN ALBUM 1 -->    <!-- DEBUT ALBUM 2 --><img id="IMAGE ALBUM 2" src="http://blog.crazymoto.net/wp-content/uploads/2009/02/interview_carmichael.jpg" style="position:absolute;top:52px;left:4px;font-size:10px;" height="41" width="61" />    <span id="TITRE ALBUM 2" style="font-size:7px;position:absolute;top:66px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 2</span><!-- FIN ALBUM 2 -->    <!-- DEBUT ALBUM 3 --><img id="IMAGE ALBUM 3" src="https://media.melty.fr/article-2816016-thumb/agents-of-shield-saison-3-chloe-bennet-parle.jpg" style="position:absolute;top:100px;left:4px;font-size:10px;" height="41" width="61" />    <span id="TITRE ALBUM 3" style="font-size:7px;position:absolute;top:115px;left:71px;text-overflow: ellipsis;width:95px">NOM ALBUM 3</span><!-- FIN FIN ALBUM 3 -->  </div>  <!-- DEBUT BLOC IMAGES (x7+) - dimension : 55x55 --><div id="BLOC PICTURES" style="background-color:#fff;position:absolute;top:602px;left:31px;width:178px;height:184px;padding:1px;overflow-y:auto;">    <!-- DEBUT RANGE 1 --><img id="IMAGE RANG 1 NUMERO 1" src="http://i86.servimg.com/u/f86/13/73/91/76/sam_bm10.jpg" height="55" width="55" style="margin: 2px 0px 0px 1px;" />    <img id="IMAGE RANG 1 NUMERO 2" src="http://i86.servimg.com/u/f86/13/73/91/76/handba10.jpg" height="55" width="55" style="margin: 2px 0px 0px 0px;" />    <img id="IMAGE RANG 1 NUMERO 3" src="http://tradinginsider.fr/wp-content/uploads/2014/09/California-Angels-image-california-angels-36805723-500-500.png" height="55" width="55" style="margin: 2px 2px 0px 0px;" /><!-- FIN RANGE 1 -->    <!-- DEBUT RANGE 2 --><img id="IMAGE RANG 2 NUMERO 1" src="http://i86.servimg.com/u/f86/13/73/91/76/marius15.jpg" height="55" width="55" style="margin: 0px 0px 0px 1px;" />    <img id="IMAGE RANG 2 NUMERO 2" src="http://www.pimpstarlife.com/wp-content/uploads/2013/04/3e2a9fc29f8911e2a89422000aa802aa_7-600x600.jpg" height="55" width="55" style="margin: 0px 0px 0px 0px;" />    <img id="IMAGE RANG 2 NUMERO 3" src="https://scontent-cdg2-1.cdninstagram.com/t51.2885-15/e35/12934928_782496025220607_1226160746_n.jpg?ig_cache_key=MTIyNDExNjcyMzY4ODk5NTEwNQ%3D%3D.2" height="55" width="55" style="margin: 0px 2px 0px 0px;" /><!-- FIN RANGE 2 -->    <!-- DEBUT RANGE 3 --><img id="IMAGE RANG 3 NUMERO 1" src="https://scontent-cdg2-1.cdninstagram.com/t51.2885-15/s750x750/sh0.08/e35/12748330_1690716677870020_1063238352_n.jpg?ig_cache_key=MTE4MzUwMjc3MjMxODMyNDIxNg%3D%3D.2" height="55" width="55" style="margin: 0px 2px 0px 1px;" /><!-- FIN RANGE 3 -->  </div><!-- FIN BLOC IMAGES -->  <!-- DEBUT PUBLICATIONS FACEBOOK - CHANGE COVER / POST / EVENT / POST --><div id="publications facebook" style="position:absolute;top:233px;left:219px;width:280px;height:557px;overflow-y:auto;">    <!-- DEBUT NEW COVER --><div id="NOUVELLE IMAGE DE COUVERTURE" style="position:absolute;top:-1px;left:-1px;width:279px;margin-bottom:5px;">      <img src="https://i62.servimg.com/u/f62/13/73/91/76/couver10.jpg" width="281" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> changed his cover photo</span> <!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --></div><!-- DEBUT IMAGE COUVERTURE ; dimension 277x102 --><div id="nouvelle couverture" style="position:absolute;top:36px;left:2px;width:277px;height:102px;background-image:url(http://blog.univ-angers.fr/marchenoelastrasbourg/files/2016/01/Marche_Noel.jpg)"></div><!-- FIN IMAGE COUVERTURE -->    </div><!-- FIN NEW COVER -->    <!-- DEBUT NEW POST --><div id="new profile" style="position:relative;top:165px;width:278px;line-height: 1.2;">      <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE -->      <!-- DEBUT PROFILE --><span style="position:absolute;top:35px;left:-26px;font-weight:regular;font-size:7px;color:#a7a7a7;width:265px;height:30px;background-color:white;overflow-y:auto;line-height: 1.2;">        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.      </span><!-- FIN PROFILE -->      </div>    </div><!-- FIN NEW POST -->    <!-- DEBUT NEW EVENT --><div id="NOUVEL EVENT" style="position:absolute;top:265px;left:-1px;width:278px;margin-bottom:5px;">      <img src="https://i62.servimg.com/u/f62/13/73/91/76/event10.jpg" width="279" style="position:relative;" /><!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><span style="font-weight:normal;font-style:italic;color:#4e68a5;font-size:7px;"> is going to an event</span> <!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE --></div><div id="nouvelle couverture" style="position:absolute;top:38px;left:7px;width:266px;height:100px;background-image:url(https://blog.soul.city/wp-content/uploads/2016/10/marche-noel-strasbourg-soul.city_-1024x682.jpg)"></div>      <!-- DEBUT NOM EVENT --><div style="position:absolute;top:138px;left:10px;background-color:white;height:30px;width:200px;line-height: 1.2;"><span style="font-weight:bold;font-size:8px;color:#4e68a5;">NOM DE L'EVENEMENT</span><!-- FIN NOM EVENT -->        <!-- DEBUT DATE/LIEU EVENT - séparés par balise br --><span style="position:absolute;top:16px;left:1px;font-weight:light;font-size:7px;color:#a7a7a7;">Mardi 3 septembre 2017 à 15h00<br/>3 rue Jean-Claude Dus, Strasbourg</span><!-- FIN DATE/LIEU EVENT --></div>    </div><!-- FIN NEW EVENT -->    <!-- DEBUT NEW POST --><div id="new profile 2" style="position:relative;top:470px;width:278px;line-height: 1.2;">      <!-- DEBUT IMAGE DE PROFIL ; icône (22x22) --><img src="http://78.media.tumblr.com/avatar_ccd39acdd20d_128.pnj" width="22" style="position:absolute;top:6px;left:6px;" /><!-- FIN IMAGE DE PROFIL --><div style="position:absolute;top:1px;left:31px;background-color:white;height:35px;"><!-- DEBUT NOM DU PERSONNAGE --><span style="font-weight:bold;font-size:8px;color:#4e68a5;">Prénom P. Nom</span><!-- FIN NOM DU PERSONNAGE --><!-- DEBUT DATE --><span style="position:absolute;top:18px;left:0px;font-weight:light;font-size:7px;color:#a7a7a7;">Date</span><!-- FIN DATE -->      <!-- DEBUT PROFILE --><span style="position:absolute;top:35px;left:-26px;font-weight:regular;font-size:7px;color:#a7a7a7;width:265px;height:30px;background-color:white;overflow-y:auto;line-height: 1.2;">        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.        Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum. Lorem ipsum dolor sit amet timeti ergo sum.      </span><!-- FIN PROFILE -->      </div>    </div><!-- FIN NEW POST -->  </div>  <span style="position:absolute;right:15px;bottom:15px;font-family: 'Dancing Script', cursive;font-size:10px;color:#4e68a5;font-weight:normal;">by marelle</span></div></center>
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum