Partage
  • Partager sur Facebook
  • Partager sur Twitter

Smileys coms Facebook

    20 mai 2013 à 18:34:06

    Salut tous !

    J'ai fais une page HTML qui répertorie (tous) les smileys qu'on peut générer dans les commentaires Facebook.
    A la base, c'était pour ma pomme, mais j'imagine que d'autres seraient intéressés.

    Alors voilà le code HTML. Vous n'avez qu'à le copier-coller dans Bloc-notes et enregistrer un nom entre guillemets qui se termine par .html (exemple : "smileysFB.html".)

    (Je suis évidemment ouvert à tout commentaire/suggestion.)

    <html>
    	<head>
    		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    		<title>FB Smileys</title>
    		<style type="text/css">
    			body{width:100%;font-family:tahoma,sans-serif;margin:0;background:#e9eaed;}
    			#banner{width:100%;height:37px;margin-bottom:15px;
    			background-color:#3b5998;border-bottom:1px solid #133783;
    			box-shadow: 0 1px 4px -2px}
    			#banner p{margin:0;padding:10px 0 0 15%;font-weight:bold;color:#d8dfea;}
    			#banner span{font-size:19px;padding-left:91px;margin-right:5px;
    			background: url('https://fbstatic-a.akamaihd.net/rsrc.php/v2/yl/r/MfoOYDu25V1.png') no-repeat;
    			background-position: -6px -156px;}
    			.content{width:1000px;margin:auto;background:white;border:1px solid #d2d3d6;border-radius:3px;}
    			.content p{color:#37404e;font-size:13px;margin:10px 17px;}
    			h1{font-size:13px;margin:0 0 10px 0;padding:10px 15px;border-radius:3px 0;
    			color:#6a7480;background:#f6f7f8;border-bottom:1px solid #e9eaed;}
    			h2,h3{color:#3b5998;}
    			a{color:#3b5998;text-decoration:none;}
    			a:hover{text-decoration:underline;}
    			table{float:left;margin-left:17px;
    			background:white;border-collapse:collapse;
    			color:#37404e;font-size:14px;}
    			td,th{border:1px solid #bdc7d8;padding:3px;font-size:13px;}
    			th{background:#fafbfb;color:#6a7480;}
    			caption{font-size:13px;color:#3b5998;font-weight:bold;}
    			.icon{width:16px;height:16px;background: url('https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/r/ZJnGbZOGdGW.png') no-repeat;}
    		</style>
    	</head>
    	<body>
    		<div id="banner"><p><a href="https://www.facebook.com/"><span></span></a>Smileys &#224; gogo !</p></div>
    		<div class="content">
    			<h1>Smileys g&#233;n&#233;r&#233;s dans les commentaires</h1>
    			<table><caption>&#201;moticons</caption>
    				<tr><th>Icon</th><th>Typing</th><th>Label</th></tr>
    				<tr><td><div class="icon" style="background-position: left -869px;"></div></td><td>:-)<br />:)<br />:]<br />=)</td><td>Heureux</td></tr>
    				<tr><td><div class="icon" style="background-position: left -631px;"></div></td><td>:-(<br />:(<br />:[<br />=(</td><td>Triste</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -631px;"></div></td><td>:-O<br />:O<br />:-o<br />:o</td><td>Oh non !</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -648px;"></div></td><td>:-D<br />:D<br />=D</td><td>Rires</td></tr>
    				<tr><td><div class="icon" style="background-position: left -767px;"></div></td><td>:-P<br />:P<br />:-p<br />:p<br />=P</td><td>Tire la<br />langue</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -784px;"></div></td><td>;-)<br />;)</td><td>Clin d'&#339;il</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1073px;"></div></td><td>:3</td><td>Sourir<br />mignon</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -682px;"></div></td><td>:-*<br />:*</td><td>Bisou</td></tr>
    				<tr><td><div class="icon" style="background-position: left -665px;"></div></td><td>>:(<br />>:-(</td><td>Grognon</td></tr>
    				<tr><td><div class="icon" style="background-position: left -648px;"></div></td><td>8-)<br />8)<br />B-)<br />B)</td><td>Lunettes</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -750px;"></div></td><td>8-|<br />8|<br />B-|<br />B|</td><td>Lunettes<br />class</td></tr>
    				<tr><td><div class="icon" style="background-position: left -784px;"></div></td><td>>:-O<br />>:O<br />>:-o<br />>:o</td><td>Pas content</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1090px;"></div></td><td>o.O</td><td>Interloqu&#233; 1</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1090px;"></div></td><td>O.o</td><td>Interloqu&#233; 2</td></tr>
    				<tr><td><div class="icon" style="background-position: left -699px;"></div></td><td>:v</td><td>Psst !</td></tr>
    				<tr><td><div class="icon" style="background-position: left -750px;"></div></td><td>-_-</td><td>Exc&#233;d&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1073px;"></div></td><td>O:-)<br />O:)</td><td>Ang&#233;lique</td></tr>
    				<tr><td><div class="icon" style="background-position: left -988px;"></div></td><td>3:-)<br />3:)</td><td>D&#233;moniaque</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -767px;"></div></td><td>:/<br />:-/<br />:\<br />:-\</td><td>D&#233;pit&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1107px;"></div></td><td>:'(</td><td>Snif !</td></tr>
    				<tr><td><div class="icon" style="background-position: left -682px;"></div></td><td>^_^</td><td>Glousseur</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -665px;"></div></td><td><3</td><td>C&#339;ur</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2195px;"></div></td><td>:|]</td><td>Robot</td></tr>
    				<tr><td><div class="icon" style="background-position: left -126px;"></div></td><td>(Y)</td><td>Like</td></tr>
    				<tr><td><div class="icon" style="background-position: left -427px;"></div></td><td>:poop:</td><td>Crotte !</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -699px;"></div></td><td><(")</td><td>Manchot</td></tr>
    				<tr><td><div class="icon" style="background-position: left -733px;"></div></td><td>(^^^)</td><td>Requin</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -716px;"></div></td><td>:putnam:</td><td>Chris Putnam</td></tr>
    			</table>
    			<table><caption>Smileys</caption>
    				<tr><th>Icon</th><th>Typing</th><th>Label</th></tr>
    				<tr><td><div class="icon" style="background-position: left -563px;"></div></td><td>&#128515;<br />&#128570;</td><td>Rires</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -563px;"></div></td><td>&#128516;</td><td>Fou-rire</td></tr>
    				<tr><td><div class="icon" style="background-position: left -495px;"></div></td><td>&#128514;<br />&#128569;</td><td>Rires aux<br />larmes</td></tr>
    				<tr><td><div class="icon" style="background-position: left -257px;"></div></td><td>&#128513;<br />&#128568;<br />&#128548;<br />&#128572;</td><td>Cheese!</td></tr>
    				<tr><td><div class="icon" style="background-position: left -189px;"></div></td><td>&#128540;</td><td>Grimace lol</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -206px;"></div></td><td>&#128541;<br />&#128069;</td><td>Grimace<br />Beurk!</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -223px;"></div></td><td>&#128544;</td><td>M&#233;content</td></tr>
    				<tr><td><div class="icon" style="background-position: left -240px;"></div></td><td>&#128545;</td><td>Furieux</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -257px;"></div></td><td>&#128549;</td><td>Inquiet</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -308px;"></div></td><td>&#128560;</td><td>Angoiss&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -274px;"></div></td><td>&#128552;</td><td>Effray&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -325px;"></div></td><td>&#128561;</td><td>Horrifi&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -325px;"></div></td><td>&#128562;</td><td>Knot-Out</td></tr>
    				<tr><td><div class="icon" style="background-position: left -342px;"></div></td><td>&#128563;</td><td>Choqu&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1005px;"></div></td><td>&#9786;<br />[Alt]+[1]</td><td>Rougis</td></tr>
    				<tr><td><div class="icon" style="background-position: left -597px;"></div></td><td>&#128523;</td><td>Heureux<br />rougis</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -155px;"></div></td><td>&#128538;</td><td>Bisou rougis</td></tr>
    				<tr><td><div class="icon" style="background-position: left -155px;"></div></td><td>&#128536;<br />&#128573;</td><td>Bise</td></tr>
    				<tr><td><div class="icon" style="background-position: left -614px;"></div></td><td>&#128525;<br />&#128571;</td><td>Amoureux</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -580px;"></div></td><td>&#128521;</td><td>Clin d'&#339;il</td></tr>
    				<tr><td><div class="icon" style="background-position: left -580px;"></div></td><td>&#128518;<br />&#128524;</td><td>Calme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -376px;"></div></td><td>&#128527;</td><td>Songeur</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -189px;"></div></td><td>&#128530;</td><td>Pr&#233;occup&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -206px;"></div></td><td>&#128532;<br />&#128576;<br />&#128553;<br />&#128589;</td><td>Triste</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -240px;"></div></td><td>&#128546;<br />&#128575;</td><td>Larme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -308px;"></div></td><td>&#128557;</td><td>Pleurs</td></tr>
    				<tr><td><div class="icon" style="background-position: left -291px;"></div></td><td>&#128554;</td><td>Snif</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -172px;"></div></td><td>&#128531;</td><td>&#233;prouv&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -223px;"></div></td><td>&#128542;</td><td>Effondr&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -172px;"></div></td><td>&#128547;<br />&#128555;<br />&#128565;</td><td>Meurtris</td></tr>
    				<tr><td><div class="icon" style="background-position: -18px -125px;"></div></td><td>&#128534;</td><td>Meurtris<br />plaintif</td></tr>
    				<tr><td><div class="icon" style="background-position: left -359px;"></div></td><td>&#128567;</td><td>Bouche<br />masque</td></tr>
    			</table>
    			<table><caption>Expression & Amour</caption>
    				<tr><th>Icon</th><th>Typing</th><th>Label</th></tr>
    				<tr><td><div class="icon" style="background-position: left -126px;"></div></td><td>&#128077;<br />(Y)</td><td>Like</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2111px;"></div></td><td>&#128078;</td><td>Dislike</td></tr>
    				<tr><td><div class="icon" style="background-position: left -427px;"></div></td><td>&#128169;<br />:poop:</td><td>Crotte !</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -393px;"></div></td><td>&#128164;</td><td>Dodo</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -410px;"></div></td><td>&#128168;</td><td>Zou !<br />Parti</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1056px;"></div></td><td>&#10024;</td><td>Brillant</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1039px;"></div></td><td>&#9996;</td><td>Twix</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1022px;"></div></td><td>&#9994;</td><td>Poing lev&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2161px;"></div></td><td>&#128074;</td><td>Coup de<br />poing</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1328px;"></div></td><td>&#128162;</td><td>Impact</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -920px;"></div></td><td>&#9995;<br />&#128587;</td><td>Une main</td></tr>
    				<tr><td><div class="icon" style="background-position: left -937px;"></div></td><td>&#128588;</td><td>Deux mains</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2127px;"></div></td><td>&#128080;</td><td>Mains au ciel</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2093px;"></div></td><td>&#128079;</td><td>Clap clap</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2161px;"></div></td><td>&#128075;</td><td>Main agit&#233;e</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2178px;"></div></td><td>&#128076;</td><td>Signe O.K.</td></tr>
    				<tr><td><div class="icon" style="background-position: left -954px;"></div></td><td>&#9757;<br />&#128591;</td><td>Index haut</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2127px;"></div></td><td>&#128070;</td><td>Haut</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2178px;"></div></td><td>&#128071;</td><td>Bas</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2145px;"></div></td><td>&#128072;</td><td>Gauche</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2145px;"></div></td><td>&#128073;</td><td>Droite</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -427px;"></div></td><td>&#128170;</td><td>Muscl&#233;</td></tr>
    				<tr><th>--</th><th>Amour</th><th>--</th></tr>
    				<tr><td><div class="icon" style="background-position: -17px -665px;"></div></td><td>&#9829;<br />[Alt]+[3]<br /><3</td><td>Petit c&#339;ur<br />rouge</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -733px;"></div></td><td>&#128155;</td><td>C&#339;ur jaune</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1906px;"></div></td><td>&#128154;</td><td>C&#339;ur vert</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1889px;"></div></td><td>&#128153;</td><td>C&#339;ur bleu</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -376px;"></div></td><td>&#128156;</td><td>C&#339;ur violet</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1056px;"></div></td><td>&#10084;</td><td>C&#339;ur rose</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1872px;"></div></td><td>&#128150;</td><td>C&#339;ur &#233;toiles</td></tr>
    				<tr><td><div class="icon" style="background-position: left -393px;"></div></td><td>&#128157;</td><td>C&#339;ur ruban</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1872px;"></div></td><td>&#128151;</td><td>C&#339;urs toutes<br />tailles</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1855px;"></div></td><td>&#128148;</td><td>C&#339;ur bris&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1889px;"></div></td><td>&#128152;</td><td>C&#339;ur fl&#232;che</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1855px;"></div></td><td>&#128147;</td><td>C&#339;ur battant</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1838px;"></div></td><td>&#128145;</td><td>Amoureux</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1821px;"></div></td><td>&#128143;</td><td>Baiser</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1821px;"></div></td><td>&#128139;</td><td>Bisou rouge<br />&#224; l&#232;vres</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1838px;"></div></td><td>&#128144;</td><td>Bouquet<br />de fleurs</td></tr>
    			</table>
    			<table><caption>Inclassables</caption>
    				<tr><th>Icon</th><th>Typing</th><th>Label</th></tr>
    				<tr><td><div class="icon" style="background-position: left -1430px;"></div></td><td>&#127775;</td><td>&#233;toile</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1413px;"></div></td><td>&#127769;</td><td>Lune</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -954px;"></div></td><td>&#9728;</td><td>Soleil</td></tr>
    				<tr><td><div class="icon" style="background-position: left -971px;"></div></td><td>&#9729;</td><td>Nuage</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1413px;"></div></td><td>&#127754;</td><td>Vague</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1396px;"></div></td><td>&#127744;</td><td>Cyclone</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1005px;"></div></td><td>&#9889;</td><td>&#233;clair</td></tr>
    				<tr><td><div class="icon" style="background-position: left -410px;"></div></td><td>&#128166;</td><td>Pluie<br />Eau</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -971px;"></div></td><td>&#9748;</td><td>Parapluie<br />ouvert</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1396px;"></div></td><td>&#127746;</td><td>Parapluie<br />ferm&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1107px;"></div></td><td>&#9749;</td><td>Boisson<br />chaude</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1583px;"></div></td><td>&#127864;</td><td>Coktail</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1583px;"></div></td><td>&#127866;</td><td>Bi&#232;re</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1566px;"></div></td><td>&#127828;</td><td>Hamburger</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1549px;"></div></td><td>&#127822;</td><td>Pomme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1549px;"></div></td><td>&#127818;</td><td>Orange</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1566px;"></div></td><td>&#127827;</td><td>Fraise</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1600px;"></div></td><td>&#127875;</td><td>Citrouille</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1600px;"></div></td><td>&#127873;</td><td>Cadeau</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1617px;"></div></td><td>&#127876;</td><td>sapin</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1022px;"></div></td><td>&#9924;</td><td>Bonhomme<br />de neige</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1617px;"></div></td><td>&#127877;</td><td>P&#232;re-No&#235;l</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1634px;"></div></td><td>&#127880;</td><td>Ballon</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1634px;"></div></td><td>&#127881;</td><td>Cornet</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1124px;"></div></td><td>&#127886;</td><td>Poupp&#233;es<br />japonaises</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1124px;"></div></td><td>&#127887;</td><td>Drapeau<br />carpes</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1141px;"></div></td><td>&#127888;</td><td>Carillon</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1141px;"></div></td><td>&#127891;</td><td>Chapeau<br />universitaire</td></tr>
    				<tr><td><div class="icon" style="background-position: left -444px;"></div></td><td>&#128187;</td><td>Ordi<br />portable</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -444px;"></div></td><td>&#128189;</td><td>HDD</td></tr>
    				<tr><td><div class="icon" style="background-position: left -461px;"></div></td><td>&#128190;</td><td>Disquette</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -461px;"></div></td><td>&#128191;</td><td>CD</td></tr>
    				<tr><td><div class="icon" style="background-position: left -478px;"></div></td><td>&#128192;</td><td>DVD</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -478px;"></div></td><td>&#128222;</td><td>T&#233;l&#233;phonne</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -614px;"></div></td><td>&#128224;</td><td>Fax</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -495px;"></div></td><td>&#128241;</td><td>Mobile</td></tr>
    				<tr><td><div class="icon" style="background-position: left -512px;"></div></td><td>&#128242;</td><td>Mobile<br />r&#233;ception</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -512px;"></div></td><td>&#128250;</td><td>&#233;cran</td></tr>
    				<tr><td><div class="icon" style="background-position: left -529px;"></div></td><td>&#128276;</td><td>Sonnerie</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -529px;"></div></td><td>&#128293;</td><td>Feu</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1158px;"></div></td><td>&#127932;<br />&#127926;</td><td>Musique</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1158px;"></div></td><td>&#127925;</td><td>Note</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1804px;"></div></td><td>&#128133;</td><td>Vernis &#224;<br />ongles</td></tr>
    			</table>
    			<table><caption>Personnages & flore</caption>
    				<tr><th>Icon</th><th>Typing</th><th>Label</th></tr>
    				<tr><th>--</th><th>Gens</th><th>--</th></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2076px;"></div></td><td>&#128102;</td><td>Garçon</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2076px;"></div></td><td>&#128103;</td><td>Fille</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2059px;"></div></td><td>&#128104;</td><td>Homme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2059px;"></div></td><td>&#128105;</td><td>Femme</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1770px;"></div></td><td>&#128107;</td><td>Enfants</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1651px;"></div></td><td>&#128110;</td><td>Gendarme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1668px;"></div></td><td>&#128111;</td><td>Oreilles<br />lapin</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1668px;"></div></td><td>&#128113;</td><td>Blonde</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2008px;"></div></td><td>&#128114;</td><td>Casquette<br />&#224; l'envers</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1685px;"></div></td><td>&#128115;</td><td>Turban</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1702px;"></div></td><td>&#128116;</td><td>Vieux</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1702px;"></div></td><td>&#128117;</td><td>Vieille</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1719px;"></div></td><td>&#128118;</td><td>B&#233;b&#233;</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1719px;"></div></td><td>&#128119;</td><td>Ouvrier</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1736px;"></div></td><td>&#128120;</td><td>Reine</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1736px;"></div></td><td>&#128123;</td><td>Fantôme</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1753px;"></div></td><td>&#128124;</td><td>Angelot</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1753px;"></div></td><td>&#128125;</td><td>Alien</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1770px;"></div></td><td>&#128126;</td><td>E.T</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1906px;"></div></td><td>&#128127;</td><td>Monstre</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1787px;"></div></td><td>&#128128;</td><td>T&#234;te de<br />mort</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1787px;"></div></td><td>&#128130;</td><td>Coldstream<br />guard</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1804px;"></div></td><td>&#128131;</td><td>Danseuse</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2008px;"></div></td><td>&#128062;</td><td>Traces</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2093px;"></div></td><td>&#128064;</td><td>Yeux</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2025px;"></div></td><td>&#128066;</td><td>Oreille</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -2025px;"></div></td><td>&#128067;</td><td>Nez</td></tr>
    				<tr><td><div class="icon" style="background-position: left -2042px;"></div></td><td>&#128068;</td><td>Bouche</td></tr>
    				<tr><th>--</th><th>Plantes</th><th>--</th></tr>
    				<tr><td><div class="icon" style="background-position: left -1515px;"></div></td><td>&#127885;</td><td>Bambous</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1430px;"></div></td><td>&#127793;</td><td>Pousse</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1447px;"></div></td><td>&#127796;</td><td>Palmier</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1447px;"></div></td><td>&#127797;</td><td>Cactus</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1464px;"></div></td><td>&#127799;</td><td>Tulipe</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1464px;"></div></td><td>&#127800;</td><td>Fleur<br />d'arbre</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1481px;"></div></td><td>&#127801;</td><td>Rose</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1481px;"></div></td><td>&#127802;</td><td>Ibiscus</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1498px;"></div></td><td>&#127803;</td><td>Tournesol</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1498px;"></div></td><td>&#127806;</td><td>&#233;pi de<br />riz</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1651px;"></div></td><td>&#127808;</td><td>Tr&#232;fle &#224; 4<br />feuilles</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1515px;"></div></td><td>&#127809;</td><td>Feuille<br />&#233;rable</td></tr>
    				<tr><td><div class="icon" style="background-position: left -1533px;"></div></td><td>&#127810;</td><td>Feuille<br />orange</td></tr>
    				<tr><td><div class="icon" style="background-position: -17px -1533px;"></div></td><td>&#127811;</td><td>Feuille<br />envol&#233;e</td></tr>
    			</table>
    			<table style="clear:both;"><caption>Animaux</caption>
    				<tr><th>Icon</th><td><div class="icon" style="background-position: -17px -1175px;"></div></td><td><div class="icon" style="background-position: left -1192px;"></div></td><td><div class="icon" style="background-position: -17px -1192px;"></div></td><td><div class="icon" style="background-position: left -1209px;"></div></td><td><div class="icon" style="background-position: -17px -1209px;"></div></td><td><div class="icon" style="background-position: left -1226px;"></div></td><td><div class="icon" style="background-position: -17px -1226px;"></div></td><td><div class="icon" style="background-position: left -1379px;"></div></td><td><div class="icon" style="background-position: -17px -1243px;"></div></td><td><div class="icon" style="background-position: left -1260px;"></div></td><td><div class="icon" style="background-position: -17px -1260px;"></div></td><td><div class="icon" style="background-position: left -1277px;"></div></td><td><div class="icon" style="background-position: -17px -1277px;"></div></td><td><div class="icon" style="background-position: left -1294px;"></div></td><td><div class="icon" style="background-position: -17px -1294px;"></div></td><td><div class="icon" style="background-position: left -1311px;"></div></td><td><div class="icon" style="background-position: -17px -1311px;"></div></td></tr>
    				<tr><th>Typing</th><td>&#128013; </td><td>&#128014;</td><td>&#128017;</td><td>&#128018;</td><td>&#128020;</td><td>&#128023;</td><td>&#128024;</td><td>&#128025;</td><td>&#128026;</td><td>&#128027;</td><td>&#128031;</td><td>&#128032;</td><td>&#128033;</td><td>&#128037;</td><td>&#128038;</td><td>&#128039;</td><td>&#128040;</td></tr>
    				<tr><th>Label</th><td>Serpent</td><td>Cheval</td><td>T&#234;te<br />Mouton</td><td>Singe</td><td>T&#234;te<br />Poule</td><td>T&#234;te<br />Sanglier</td><td>&#233;l&#233;phant</td><td>Poulpe</td><td>Coquillage</td><td>Chenille</td><td>Poisson</td><td>Poisson<br />exotique</td><td>Diodon</td><td>T&#234;te<br />Poussin</td><td>t&#234;te<br />Oiseau</td><td>t&#234;te<br />Pinguin</td><td>T&#234;te<br />Koala</td></tr>
    				<tr><th>Icon</th><td><div class="icon" style="background-position: left -1328px;"></div></td><td><div class="icon" style="background-position: left -1685px;"></div></td><td><div class="icon" style="background-position: left -1345px;"></div></td><td><div class="icon" style="background-position: -17px -1345px;"></div></td><td><div class="icon" style="background-position: left -1362px;"></div></td><td><div class="icon" style="background-position: -17px -1362px;"></div></td><td><div class="icon" style="background-position: left -1243px;"></div></td><td><div class="icon" style="background-position: left -1923px;"></div></td><td><div class="icon" style="background-position: -17px -1923px;"></div></td><td><div class="icon" style="background-position: left -1940px;"></div></td><td><div class="icon" style="background-position: -17px -1940px;"></div></td><td><div class="icon" style="background-position: left -1957px;"></div></td><td><div class="icon" style="background-position: -17px -1957px;"></div></td><td><div class="icon" style="background-position: left -1974px;"></div></td><td><div class="icon" style="background-position: -17px -1974px;"></div></td><td><div class="icon" style="background-position: left -1991px;"></div></td><td><div class="icon" style="background-position: -17px -1991px;"></div></td></tr>
    				<tr><th>Typing</th><td>&#128041;</td><td>&#128043;</td><td>&#128044;</td><td>&#128045;</td><td>&#128046;</td><td>&#128047;</td><td>&#128048;</td><td>&#128049;</td><td>&#128051;</td><td>&#128052;</td><td>&#128053;</td><td>&#128054;</td><td>&#128055;</td><td>&#128056;</td><td>&#128057;</td><td>&#128058;</td><td>&#128059;</td></tr>
    				<tr><th>Label</th><td>T&#234;te<br />Canniche</td><td>Chameau</td><td>Dauphin</td><td>T&#234;te<br />Souris</td><td>T&#234;te<br />Vache</td><td>T&#234;te<br />Tigre</td><td>T&#234;te<br />Lapin</td><td>T&#234;te<br />Chat</td><td>Baleine</td><td>T&#234;te<br />Cheval</td><td>T&#234;te<br />Singe</td><td>T&#234;te<br />Chien</td><td>T&#234;te<br />Cochon</td><td>T&#234;te<br />Grenouille</td><td>T&#234;te<br />Hamster</td><td>T&#234;te<br />Loup</td><td>T&#234;te<br />Ours</td></tr>
    			</table>
    			<p style="clear:both;text-align:center;">(&#183;&#8255;&#183;)<br />Alors, bande de kikoolols ! Vous attendez quoi ?!</p><p style="text-align:center;"><img src="http://assets.diylol.com/hfs/d3f/d9b/11d/resized/smileys-meme-generator-smileys-smileys-everywhere-870f4f.jpg?1331598767.jpg" width="300" /><br /></p>
    		</div>
    		<div class="space" style="margin:15px 0;"></div>
    		<div class="content">
    			<h1 style="clear:both;">ZOMG!DATZ AWZUM!!!1... How U did daaat? U hacked FB???</h1>
    			<p>Tu peux pas test... lol<br />J'ai <a href="http://blog.trololol.fr/" target="_blank">Googl&#233;</a> les &#233;moticons. Ensuite, &#224; partir de <a href="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/r/ZJnGbZOGdGW.png" target="_blank">ce sprite</a>, j'ai cherch&#233; les caract&#232;res sp&#233;ciaux susceptibles d'&#234;tre en lien avec chaque smiley. Pour ça je me suis servi de <a href="http://www.isthisthingon.org/unicode/" target="_blank">ce site</a> au look de toute beaut&#233;.<br />
    			Et enfin, j'vous ai fait une page web qui roxxxe, paske j'suis une b&#234;te en HTML (c'est ma LV1) et parce que je vous aime tous !!! :love: :bise: <3 <3 <3</p>
    			<p><span style="font-size:10px;">(Nan, en fait c'est mal cod&#233;, ensuite c'&#233;tait surtout par procrastination et pour sauvegarder les caract&#232;res sp&#233;ciaux UTF8 que ni Word ni Bloc-notes ne reconnaît.)</span></p>
    			<p>Pour toute modif : faites comme vous voulez (<acronym title="Do It Yourselves">DIY</acronym>). Pour toute r&#233;clamation : faites-vous cuire un &#339;uf. Pour le reste : lurk moar! :)</p>
    		</div>
    		<div class="space" style="margin:15px 0;"></div>
    		<p style="text-align:center;"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif" title="Trololol!" /></p>
    		<div class="space" style="margin:15px 0;"></div>
    	</body>
    </html>



    -
    Edité par Buddy 21 mai 2013 à 16:24:11

    • Partager sur Facebook
    • Partager sur Twitter
      16 juin 2013 à 9:45:53

      Bon boulot !

      Par curiosité, comment as-tu découverts toutes ces combines ?

      • Partager sur Facebook
      • Partager sur Twitter
        15 août 2013 à 21:39:26

        Merci !

        Désolé du retard de réponse.

        Eh bien... J'ai pas de secret : j'ai cherché, je me suis débrouillé. Pour le reste, je l'ai écrit (vraisemblablement dans un état second) en bas de la page. :)

        • Partager sur Facebook
        • Partager sur Twitter
          17 novembre 2013 à 19:26:24

          Je UP pour dire que ces symboles se nomment "emoji" et ne sont pas forcément visible par tous les OS, y compris les versions inférieures à Windows 7 SP1.

          En effet, ils semblent apparaître grâce à la police Segoe UI Symbol de Windows. Or, il existe plusieurs versions de cette police, la plus récente (sous Windows 8) étant la plus achalandée, ce qui est loin d'être le cas pour Vista, XP (ou encore Ubuntu).

          Actuellement sous Windows 7 SP1, j'avais la version 5.01. Mais en fouillant sur le Net, j'ai récupéré la version 5.46 qui est un peu mieux. Je cherche la plus récente. D'ailleurs, une mise à jour Windows semble mettre à jour la police en question, mais je n'en ai jamais bénéficié (?) et je n'ai pas encore testé.

          En tout cas, cette police est une bonne source de pictogrammes et de symboles.

          -
          Edité par Buddy 17 novembre 2013 à 19:29:34

          • Partager sur Facebook
          • Partager sur Twitter

          Smileys coms Facebook

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown