Rayquaza
Admin Emeraude
Nombre de messages : 118
Age : 29
Localisation : Pilier Céleste - Grotte Terra
Votre Pokémon préféré : Rayquaza
Date d'inscription : 23/06/2007
Carte de Dresseur
Nom du Dresseur: Rayquaza
Couleur de la Carte de Dresseur: Platine
Pokémon(s):
 | Sujet: Re: Apprendre le HTML  Lun 10 Mar - 23:02 | |
| 2°) Votre premier codeBon, nous n'allons pas faire un vrai code, pas besoin de sauter jusqu'au plafond à la fin de ce chapitre  . Mais c'est comment un code?Tout au long de ce cours, nous apprendrons, comme je vous l'ai dit plus haut, le (x)HTML et le CSS. Aujourd'hui, nous allons apprendre QUE le HTML. Le CSS, ce sera pour plus tard. Mais pourquoi ne pas avoir séparé les cours de (x)HTML et de CSS?Parce que nous avons besoin des deux langages! Sans CSS, votre page HTML sera toute moche... BWAA!!! Rentrons maintenant dans le vif du sujet... --------------------------- Pour l'instant, je vous ferais remarquer que vous ne savez même pas dire "Bienvenue sur mon site !". Si ça se trouve, vous n'avez jamais vu une page HTML  . Remédions à ça... Une page HTML vide ressemble à ça: Hop hop hop...C'est quoi une balise?Dans une page XHTML, en plus du texte, vous allez trouver un autre élément au milieu : ce sont les balises. Une balise commence par " <" et se termine par " >". Par exemple :
Les balises sont invisibles pour le visiteur, elles servent de marqueurs pour indiquer quelque chose au navigateur. Par exemple, une balise permet d'indiquer que tel texte est le titre de votre page, cet autre texte est une citation etc etc...
Sachez qu'il existe deux types de balises:les balises existant par paire et les balises seules.
LES BALISES FONCTIONNANT PAR PAIRE
Ce sont les balises les plus fréquentes. On écrit la première balise, on met son contenu, puis on "ferme" la balise en réécrivant son nom mais cette fois avec un slash "/". Voici un petit exemple:
- Code:
-
<strong>Je suis un texte en gras !</strong>
Le code ci-dessus affichera du texte en gras. Vous pouvez essayer pour voir ce que ça donne !
LES BALISES SEULES
Ces balises sont plus rare mais restent utiles, notamment pour insérer quelque chose dans votre page web. Cette balise doit être fermé d'un slash. Voici un exemple pour plus de clarté:
- Code:
-
<image />
Comme vous avez sans doute pu le constater, cette balise vous permet de mettre une image dans votre page .
Les attributs
Les attributs sont un moyen de donner des précisions sur une balise. On peut trouver des attributs sur les deux types de balises (par paire ou seules).
Par exemple, prenons la balise seule . C'est bien beau de dire qu'on insère une image, mais encore faut-il indiquer laquelle. On fera ça avec un attribut :
- Code:
-
<image nom="tropiques.jpg" />
Ici, notre image aura pour nom "tropiques.jpg". Si vous êtes dans le cas des balises fonctionnant par paire, cela peut nous faire:
[code]J'écris un cours sur le HTML !
On oublie pas de fermer la balise, naturellement .
Essayer
Comme vous pouvez le voir, il n'y a que le texte qui s'affiche. Les attributs servent souvent à faire des pense-bête sur vos balises, mais peuvent prfois se révéler très utiles.
Allez, pour terminer tout ça, voici un petit récapitulatif de ce qu'il faut savoir:
- Il existe des balises fonctionnant seules ( ) ou par paire ( Texte ).
- Le nom de la balise doit être en minuscules.
- Les attributs peuvent contenir n'importe quel caractère.
- S'il y a des attributs dans une balise fonctionnant par paire, on ne les met que dans la balise ouvrante (cf : exemple ci-dessus).
Ça en fait des choses à retenir, dis donc ! Au fait, je vous avais parlé plus haut de vous montrer à quoi ressemble un page web vide... Ben voilà:
Bienvenue sur mon site !
C'est au minimum ce qu'une page web doit contenir.
Et c'est où que je mets mon texte?
Le texte se place entre les balises , dans les balises , mais nous verrons ça plus tard ^^. A propos, vous avez sans doute remarqué les balises fonctionnant seules ou par paire, nan? 
A partir de maintenant, nous allons passer à la pratique. Vous vous souvenez de NotePad ++? Eh bien je vais vous apprendre à le configurer ^^.
Déjà, ouvrez le programme. Ensuite, dans la barre d'outils, puis cliquez sur Langages.
Et là, devant vos yeux ébahis  , une liste avec plein de mots indéchiffrables se tient debout. Pour le cours, il faut juste choisir le langage "HTML". Plus tard, on cliquera sur le bouton "CSS".
Je vous ai fait télécharger ce programme car il colore le code, ce qui peut être très utile ^^. Après cela, créez un nouveau dossier dans vos document où vous enregistrerez tout vos jolis petits codes.
A partir de maintenant, je n'utiliserais QUE Notepad ++, et je vous conseille d'en faire autant.
Au fait, vous avez compris le code que je vous ai dit plus haut? Vous savez, avec les , ... Nous allons voir comment il se compose...
Sur la toute première ligne se trouve la déclaration "Doctype". C'est une balise un peu particulière, et c'est la seule qui n'obéit pas aux règles que je vous ai données tout à l'heure.
Concrètement, cette balise sert à dire au navigateur que ce que vous faites est une page XHTML, et que vous utilisez la version 1.0 du langage XHTML (eh oui, comme dans les programmes il y a des versions !).
Pourquoi je vous apprends à utiliser le XHTML 1.0 ? Parce que c'est une des version les plus récentes, et que votre site sera ainsi à jour
Vient ensuite la balise . C'est la balise principale qui englobera toute votre page (x)HTML. Comme vous pouvez le voir, on ne la ferme qu'en dernier avec , qui indique que votre page (x)HTML s'arrête là. Il n'y a donc rien après le .
La balise contient 2 attributs :
* xmlns : cet attribut, obligatoire, indique une adresse traitant du xHTML. Ne vous en préoccupez pas et laissez comme ça, ça ne nous intéresse pas particulièrement.
* xml:lang : cet attribut sert à indiquer dans quelle langue est rédigée votre page web. Si vous écrivez une page web en français, mettez "fr" comme je l'ai fait. Si la page est en anglais, mettez "en", en italien "it", espagnol "es" etc etc...
La balise contient quelques informations d'en-tête pour votre page web. Elle est refermée un peu plus loin.
A l'intérieur de la balise , vous trouvez notamment la balise . Elle est très importante : c'est elle qui contient le titre de votre page web. Ici, le titre est "Bienvenue sur mon site !", mais c'est à vous de mettre le bon titre de votre page <img src="https://2img.net/i/fa/i/smiles/icon_wink.gif" alt="Wink" longdesc="15" /><br /> Ensuite, vous pouvez voir une balise <meta>. Il existe beaucoup de balises de ce type, mais je ne vous en parlerai que plus tard parce qu'elles ne sont pas indispensables. Seule celle que je vous ai donnée est indispensable : elle sert à indiquer que vous allez taper des caractères spécifiques au français (éèàê etc...). <br /><br />Enfin (ouf!), après la fermeture de la balise <head> commence une nouvelle balise : <body><br />C'est entre <body> et </body> que vous taperez le contenu de votre page web. En clair, c'est entre ces 2 balises que nous allons passer 99% de notre temps <img src="https://2img.net/i/fa/i/smiles/icon_wink.gif" alt="Wink" longdesc="15" /><br />Pour le moment, il n'y a rien entre ces 2 balises, donc la page n'affiche rien (il y a un fond blanc comme vous avez pu le constater tout à l'heure). <br /><br />Pour terminer, il nous reste à voir les commentaires. Ce sont des informations que vous mettez dans votre code pour vous. Ils n'apparaissent pas aux yeux du visiteurs.<br /><br /><strong><strong>Mon texte en gras</strong><!-- Affiche du texte en gras --></strong><br /><br />Comme vous avez pu le voir, le commentaire commence par <strong><!--</strong> et se termine par<strong> --></strong>. Je les utilise assez souvent, ne soyez pas étonnés si vous en voyez <img src="https://2img.net/i/fa/i/smiles/icon_wink.gif" alt="Wink" longdesc="15" /> .<br /><br />Et voilà, c'est tout beau tout ça ^^</div><div class="clear"></div></div><span class="gensmall"><br /><br />Dernière édition par Rayquaza le Mer 26 Mar - 19:20, édité 2 fois</span></td></tr><tr><td colspan="2"><div class="fa_like_div"><p class="fa_like_list" style="display: none;"></p><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>J'aime</span><span class="rep-nb" style="display:none;"></span></button><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>Je n'aime pas</span><span class="rep-nb" style="display:none;"></span></button></div></td></tr></table></td></tr><tr class="post--320" style=""><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Revenir en haut" loading="lazy" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://2img.net/i/empty.gif" alt="Aller en bas" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> <a href="http://tartopum.bj.popipo.fr" title="Visiter le site web de l'utilisateur" target="_blank" rel="nofollow"><img src="https://2img.net/i/fa/revaz-red/icon_www.gif" alt="http://tartopum.bj.popipo.fr" /></a> </td></tr></table></td></tr><tr class="post post--330" id="p330" style=""><td class="row2" valign="top" width="150"><span class="name"><a name="330" style="position: relative; top: -30px; width: 1px;" id="330"></a><strong><span style="color:#cc0033"><strong>Rayquaza</strong></span></strong></span><br /><span class="postdetails poster-profile">Admin Emeraude<br /><img src="https://2img.net/h/www.p-pokemon.com/pokedex/Sprites/DP/male/384.png" alt="Admin Emeraude" title="Admin Emeraude" loading="lazy" /><br /><img loading="lazy" src="https://2img.net/u/2614/23/90/02/avatars/2-47.jpg" alt="Rayquaza" style="max-width: 200px; max-height: 600px" /><br /><br /><div class="dd_award right"></div><div class="award_more"></div><br><span class="label"><span style="color:#b1b1b1;">Nombre de messages</span> : </span> 118<br /><span class="label"><span style="color:#b1b1b1;">Age</span> : </span> 29<br /><span class="label"><span style="color:#b1b1b1;">Localisation</span> : </span> Pilier Céleste - Grotte Terra<br /><span class="label"><span style="color:#b1b1b1;">Votre Pokémon préféré</span> : </span> Rayquaza<br /><span class="label">Date d'inscription : </span> 23/06/2007<br /><br /><a href="/u2rpgsheet" rel="nofollow">Carte de Dresseur</a><br /><span class="gen" style="color:##cc0000;">Nom du Dresseur</span>: <span class="gen" id="rpg-nom-du-dresseur" style="color:##cc0000;">Rayquaza</span><br /><span class="gen" style="color:##009900;">Couleur de la Carte de Dresseur</span>: <span class="gen" id="rpg-couleur-de-la-carte-de-dresseur" style="color:#ccccff;">Platine</span><br /><span class="gen" style="color:##990099;">Pokémon(s)</span>: <textarea id="rpg-pokmon(s)" class="post" rows="6" cols="20" readonly="readonly">Rayquaza n.95
Groudon n.90
Electrode n.95
Metalosse n.80
Pikachu n.85
Drattak n.80
</textarea></span><br /><img src="https://2img.net/i/empty.gif" alt="Apprendre le HTML Empty" style="width:150px;height:1px" /></td><td class="row2" valign="top" width="100%" height="100%"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><span class="postdetails"><img class="sprite-icon_minipost" src="https://2img.net/i/empty.gif" alt="Message" title="Message" border="0" />Sujet: Re: Apprendre le HTML <img src="https://2img.net/i/fa/icon_minitime.gif" alt="Apprendre le HTML Icon_minitime" border="0" />Mer 26 Mar - 19:01</span></td><td valign="top" nowrap="nowrap" class="post-options"> </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr height="100%" valign="top"><td colspan="2"><div class="postbody"><div><strong>3°) Bien écrire en HTML</strong><br /><br />Bon, maintenant vous savez écrire un texte, c'est très bien ! Maintenant, regardons les balises que nous pouvons mettre à l'intérieur d'un paragraphe...<br /><br /><p>Mon texte</p> : Balise "<i>paragraphe</i>" <br /><br /><p> signifie <strong>début du paragraphe</strong>.<br /></p> signifie <strong>fin du paragraphe</strong>.<br /><br />Voilà à quoi ressemble votre texte avec ça :<br /><br /> <dl class="codebox"> <dt><span class="genmed"><b>Code:</b></dt> <dd class="code"> <div class="cont_code"><p><h1>Bonjour !</h1><br />Je suis un texte d'introduction d'un site super génial : Pokérubis !<br /><br />Bonne visite !</p></div> </dd> </dl><br />Comme vous avez pu le remarquer, 2 balises ont fait leur apparition : <strong><br /></strong> et <strong><h1>Titre</h1></strong><br />On va voir tout de suite qu'est-ce qu'elles font...<br /><br /><br /><br /><br />Cette balise est une balise seule ; elle permet <strong>de sauter une ligne</strong> dans votre paragraphe. Eh oui, même si vous appuyez comme un fou sur la touche Entrée, il ne se passera rien.<br /><br />Dans mon texte, elle permet de faire un saut de ligne entre "Pokérubis !" et "Bonne visite !". Voilà, il n'y a rien d'autre.<br /><br /><h1>Titre</h1><br /><br />Nous allons passer à des choses un peu plus sérieuses : les titres ! <img src="https://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Smile" longdesc="2" /> <br /><br />Sachez qu'il existe différents formats de titre, de <h1> (Très gros) à <h6> (Très petit). Vous voulez <a href="http://courshtmlpokerubis.site.voila.fr/pokrubis_titres.html" class="postlink" target="_blank" rel="nofollow">essayer</a> ?<br /><br /><i>Cours en élaboration...</i></div><div class="clear"></div></div><span class="gensmall"></span></td></tr><tr><td colspan="2"><div class="fa_like_div"><p class="fa_like_list" style="display: none;"></p><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>J'aime</span><span class="rep-nb" style="display:none;"></span></button><button class="rep-button " data-href="" data-href-rm=""><svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>Je n'aime pas</span><span class="rep-nb" style="display:none;"></span></button></div></td></tr></table></td></tr><tr class="post--330" style=""><td class="row2 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Revenir en haut" loading="lazy" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://2img.net/i/empty.gif" alt="Aller en bas" loading="lazy" /></a></td><td class="row2 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> <a href="http://tartopum.bj.popipo.fr" title="Visiter le site web de l'utilisateur" target="_blank" rel="nofollow"><img src="https://2img.net/i/fa/revaz-red/icon_www.gif" alt="http://tartopum.bj.popipo.fr" /></a> </td></tr></table></td></tr><tr class="post post--0" id="p0" style=""><td class="row1" valign="top" width="150"><span class="name"><a name="0" style="position: relative; top: -30px; width: 1px;" id="0"></a><strong>Contenu sponsorisé</strong></span><br /><span class="postdetails poster-profile"><br /><br /><br /><div class="dd_award right"></div><div class="award_more"></div><br></span><br /><img src="https://2img.net/i/empty.gif" alt="Apprendre le HTML Empty" style="width:150px;height:1px" /></td><td class="row1" valign="top" width="100%" height="100%"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><span class="postdetails"><img class="sprite-icon_minipost" src="https://2img.net/i/empty.gif" alt="Message" title="Message" border="0" />Sujet: Re: Apprendre le HTML <img src="https://2img.net/i/fa/icon_minitime.gif" alt="Apprendre le HTML Icon_minitime" border="0" /></span></td><td valign="top" nowrap="nowrap" class="post-options"> </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr height="100%" valign="top"><td colspan="2"><div class="postbody"><div><div style="max-width:970px;"> <div id="taboola-below-article-thumbnails"></div>
<script type="text/javascript">
window._taboola = window._taboola || [];
_taboola.push({
mode: 'thumbnails-Below',
container: 'taboola-below-article-thumbnails',
placement: 'Below Article Thumbnails',
target_type: 'mix'
});
</script></div></div><div class="clear"></div></div><span class="gensmall"></span></td></tr></table></td></tr><tr class="post--0" style=""><td class="row1 browse-arrows" align="center" valign="middle" width="150"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Revenir en haut" loading="lazy" /></a> <a href="#bottom"><img class="sprite-arrow_subsilver_down" src="https://2img.net/i/empty.gif" alt="Aller en bas" loading="lazy" /></a></td><td class="row1 messaging gensmall" width="100%" height="28"><table border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"> </td></tr></table></td></tr><tr align="right"><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="9%" class="noprint"> </td><td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">Apprendre le HTML</div></td><td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="#top"><img class="sprite-arrow_subsilver_up" src="https://2img.net/i/empty.gif" alt="Revenir en haut" loading="lazy" /></a> </td></tr></table></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;"><tr><td class="row2" valign="top" colspan="2" width="150"><span class="gensmall">Page <strong>1</strong> sur <strong>1</strong></span></td></tr><tr><td class="row2" colspan="2" align="right" valign="top"><span class="gensmall"></span></td></tr></table><table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row2" colspan="2" align="center" style="padding:0px"><a name="quickreply"></a><br /></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody><tr><td class="row2" valign="top" width="25%"><span class="gensmall"><strong>Permission de ce forum:</strong></span></td><td class="row1" valign="top" width="75%"><span class="gensmall">Vous <strong>ne pouvez pas</strong> répondre aux sujets dans ce forum<br /></span></td></tr><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">Pokérubis</a><a class="nav" href=""></a> :: <a href="/c5-tutoriels-rpg-maker-xp" class="nav"><span>Tutoriels RPG-Maker XP</span></a> :: <a href="/f32-tutos-d-informatique" class="nav"><span>Tutos d'informatique</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr><tr><td style="margin:0; padding: 0;" colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"><tbody><tr><td class="catBottom" colspan="2" height="28"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="/forum">Pokérubis</a><a class="nav" href=""></a> :: <a href="/c5-tutoriels-rpg-maker-xp" class="nav"><span>Tutoriels RPG-Maker XP</span></a> :: <a href="/f32-tutos-d-informatique" class="nav"><span>Tutos d'informatique</span></a></span></td><td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="middle" border="0" /></a></span></td></tr></table></td></tr></tbody></table></td></tr></table><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"><tr><td align="left" valign="middle" nowrap="nowrap" ><span class="nav"></span></td><td align="right" nowrap="nowrap"><span class="gensmall">Sauter vers: <select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Sélectionner un forum</option><option value="-1"></option><option value="-1">|</option><option txt="foro" value="c2">|--Le Forum</option><option txt="foro" value="f3">| |--La charte</option><option txt="foro" value="f34">| |--Annonces - Nouveautés</option><option txt="foro" value="f1">| |--Présentez-vous</option><option txt="foro" value="f33">| |--Grotte de Groudon</option><option value="-1">| </option><option txt="foro" value="c4">|--Zone de jeux</option><option txt="foro" value="f29">| |--Projets</option><option value="-1">| </option><option txt="foro" value="c5">|--Tutoriels RPG-Maker XP</option><option txt="foro" value="f28">| |--Tutos / Scripts publics</option><option txt="foro" value="f31">| |--Tutos de graphisme</option><option txt="foro" value="f32">| |--Tutos d'informatique</option><option txt="foro" value="f35">| |--Autres tutos</option><option value="-1">| </option><option txt="foro" value="c1">|--Bibliothèque</option><option txt="foro" value="f4">| |--Ecriture</option><option txt="foro" value="f5">| |--Vos commentaires</option><option txt="foro" value="f6">| |--Les vieux livres</option><option value="-1">| </option><option txt="foro" value="c3">|--RPG Pokémon</option><option txt="foro" value="f8"> |--Bourg Terra</option><option txt="foro" value="f10"> |--Dragonielle</option><option txt="foro" value="f12"> |--Platinitia</option><option txt="foro" value="f9"> |--Spectria</option><option txt="foro" value="f11"> |--Auréole</option><option txt="foro" value="f13"> |--Mer</option><option txt="foro" value="f14"> |--Air'île</option><option txt="foro" value="f15"> |--Jungl'Île</option><option txt="foro" value="f16"> |--Île Ténébria</option><option txt="foro" value="f17"> |--Mer</option><option txt="foro" value="f18"> |--Parasitia</option><option txt="foro" value="f19"> |--Grotte Défaite</option><option txt="foro" value="f20"> |--Ruby Elite 4</option><option txt="foro" value="f21"> |--Piste Enneigée</option><option txt="foro" value="f22"> |--Pics Aglace</option><option txt="foro" value="f23"> |--Manoir Èblanc</option><option txt="foro" value="f24"> |--Mt du ciel</option><option txt="foro" value="f25"> |--Tour Céleste</option><option txt="foro" value="f26"> |--Plaines Désolées</option><option txt="foro" value="f27"> |--Tour en Ruine</option></select><input type="hidden" name="tid" value="543a2a908858459ce9800998ecf8427e" /> <input class="liteoption" type="submit" value="Aller" /></span></td></tr></table></form><div id="b6b0cc8" style="clear:both;"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;">
<table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;">
<tbody>
<tr>
<td valign="top" style="padding:32px 32px; "><div id="taboola-300x250-thumbnails-1" style="background-color:#fffd"></div><script type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-1",placement: "300x250 Thumbnails-1",target_type: "mix"});</script></td>
<td valign="top" style="padding:32px 32px; "><div id="taboola-300x250-thumbnails" style="background-color:#fffd"></div><script type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails",placement: "300x250 Thumbnails",target_type: "mix"});</script></td>
</tr>
</tbody>
</table>
</div></div></div><div style="height:3px"></div></td><td valign="top" width="0"><div id="emptyidright"></div></td></tr></tbody></table></div></div><!--
close div id="page-body" --><div id="page-footer"><div align="center"><div class="gen"><strong><a href="https://www.forumactif.com/creer-un-forum/phpbb3" target="_blank">Créer un forum</a></strong> | <span class="gensmall">©</span><a href="https://www.forumactif.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="http://forum.forumactif.com/" target="_blank">Forum gratuit d'entraide</a> | <a href="/abuse?page=%2Ft64-apprendre-le-html&report=1" rel="nofollow">Signaler un abus</a> | <a href="javascript:window.Sddan.cmp.displayUI();">Cookies</a> | <strong><a href="https://www.forumactif.com/" target="_blank">Forumactif.com</a></strong></div></div></div></td></tr></table><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://pokerubis.keuf.net/topicit/index.php/connect','data-version' : '1','data-lang' : 'fr'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script>
<div id="c94695" scrolling="no" frameborder="0" >
<div class="croco_wrapper" >
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="1024px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve"><g><g><g><g><g><path d="M721.015,956.521h-0.007"/></g></g><g><g><path d="M373.203,956.521"/></g></g></g></g></g><g><g><g><g><path fill="#669940" d="M562.428,349.442c0,36.87,42.568,66.76,95.082,66.76c52.512,0,95.08-29.89,95.08-66.76c0-36.866-42.568-66.757-95.08-66.757C604.996,282.685,562.428,312.576,562.428,349.442z"/><path fill="#231F20" d="M550.874,349.442c0-43.178,47.834-78.311,106.636-78.311c58.793,0,106.633,35.132,106.633,78.311c0,43.181-47.84,78.314-106.633,78.314C598.708,427.756,550.874,392.623,550.874,349.442z M573.98,349.442c0,29.924,38.251,55.205,83.529,55.205c45.275,0,83.525-25.281,83.525-55.205s-38.25-55.203-83.525-55.203C612.231,294.239,573.98,319.519,573.98,349.442z"/></g><g><g><path fill="#F8991D" d="M303.251,520.494l-78.811,23.084l54.619,98.308C279.06,641.886,346.752,577.607,303.251,520.494z"/></g><g><path fill="#203118" d="M277.314,653.308c-3.534-0.54-6.619-2.685-8.352-5.811l-54.617-98.31c-1.709-3.068-1.925-6.746-0.595-9.996c1.333-3.25,4.071-5.717,7.446-6.703L300,509.406c4.582-1.342,9.541,0.28,12.445,4.09c39.369,51.692,0.586,112.066-25.428,136.77c-2.166,2.053-5.015,3.174-7.958,3.174C278.48,653.439,277.893,653.397,277.314,653.308z M241.562,550.603l39.711,71.47c14.367-18.031,36.776-54.47,17.119-88.116L241.562,550.603z"/></g></g><g><g><path fill="#F8991D" d="M299.113,637.334l-91.357-18.624l16.685,119.863C224.44,738.573,295.464,704.094,299.113,637.334z"/></g><g><path fill="#203118" d="M219.003,748.766c-3.266-1.742-5.493-4.938-6.006-8.602l-16.69-119.861c-0.509-3.715,0.807-7.448,3.535-10.019c2.739-2.565,6.543-3.647,10.224-2.896l91.357,18.625c5.613,1.143,9.54,6.232,9.222,11.953c-3.964,72.717-78.004,109.471-81.156,110.998c-1.598,0.775-3.318,1.162-5.048,1.162C222.568,750.127,220.701,749.672,219.003,748.766z M221.455,633.295l12.019,86.356c17.739-12.118,46.646-36.943,52.972-73.103L221.455,633.295z"/></g></g><g><g><path fill="#F8991D" d="M247.391,738.573l-94.201-39.612l-5.131,93.716C148.059,792.677,209.997,783.322,247.391,738.573z"/></g><g><path fill="#203118" d="M147.984,804.23c-6.387,0-11.554-5.176-11.554-11.554c0-0.673,0.053-1.331,0.167-1.97l5.062-92.379c0.201-3.75,2.218-7.172,5.406-9.165c3.183-1.994,7.14-2.306,10.606-0.854l94.203,39.612c3.377,1.422,5.882,4.358,6.747,7.924c0.862,3.563-0.015,7.324-2.362,10.136c-39.75,47.563-103.77,57.712-106.478,58.122c-0.573,0.083-1.152,0.127-1.724,0.127C148.03,804.23,148.007,804.23,147.984,804.23z M163.834,715.968l-3.4,62.018c16.511-4.596,44.441-14.812,66.984-35.278L163.834,715.968z"/></g></g><g><g><path fill="#F8991D" d="M175.657,804.23l-84.089-52.637l3.21,71.895C94.778,823.488,111.471,832.474,175.657,804.23z"/></g><g><path fill="#203118" d="M89.301,833.663c-3.579-1.931-5.881-5.593-6.061-9.659l-3.212-71.895c-0.194-4.289,2.009-8.331,5.716-10.493c3.709-2.167,8.313-2.093,11.952,0.184l84.093,52.638c3.625,2.271,5.702,6.363,5.395,10.627c-0.31,4.27-2.949,8.02-6.869,9.744c-40.568,17.846-63.807,21.596-76.146,21.596C95.663,836.404,91.208,834.685,89.301,833.663z M104.093,773.066l1.798,40.191c7.251-0.279,21.053-2.377,44.545-11.186L104.093,773.066z"/></g></g><g><g><path fill="#669940" d="M299.159,608.479c0,0-75.364,145.045-205.026,204.098c-26.315,17.332,31.127,76.924,200.881,48.552c90.546-45.985,111.73-88.351,111.73-88.351"/></g><g><path fill="#203118" d="M210.916,887.946c25.712,0,54.814-2.399,87.272-7.823c1.927-0.323,3.8-0.94,5.544-1.823c93.51-47.492,117.779-91.995,120.233-96.915c4.759-9.508,0.899-21.076-8.606-25.83c-9.512-4.762-21.081-0.902-25.834,8.612c-0.084,0.136-20.657,37.272-100.603,78.45c-114.755,18.641-164.688-5.025-178.091-16.64c128.766-63.27,202.28-202.594,205.416-208.622c4.908-9.438,1.229-21.063-8.205-25.967c-9.448-4.901-21.063-1.228-25.967,8.211C281,601.638,207.733,739.676,86.152,795.054c-0.903,0.413-1.775,0.896-2.612,1.441c-13.353,8.797-18.182,24.165-12.297,39.148C82.353,863.942,129.621,887.943,210.916,887.946z"/></g></g><g><g><path fill="#FFFFFF" d="M787.734,853.758c0,0,10.825,43.313-14.443,63.233c-30.328,23.904-133.784,17.97-183.203,2.563c-49.431-15.406-56.907-55.118-40.848-93.246C596.203,832.255,601.46,830.092,787.734,853.758z"/><path fill="#203118" d="M586.078,932.426c-24.764-7.718-42.547-21.904-51.431-41.019c-9.29-19.983-8.516-44.961,2.167-70.33c2.354-5.575,8.153-8.917,14.119-8.142c15.436,1.953,26.088,3.002,40.838,4.451c29.135,2.859,73.154,7.185,197.663,23c5.507,0.704,10.027,4.714,11.373,10.106c0.535,2.113,12.577,52.054-19.174,77.081c-19.859,15.661-58.951,18.946-88.244,18.946h-0.007C655.667,946.521,613.549,940.986,586.078,932.426z M589.139,844.217c-10.952-1.078-20.152-1.979-30.879-3.231c-4.401,14.71-4.152,28.325,0.834,39.058c5.674,12.206,17.455,21.173,35.002,26.642c25.096,7.823,64.067,12.879,99.287,12.879h0.007c34.354,0,61.103-4.921,71.551-13.162c12.179-9.601,12.255-29.128,11.074-40.54C659.531,851.128,617.324,846.983,589.139,844.217z"/></g><g><g><path fill="#4E5167" d="M704.929,801.022c0,0,40.094,29.524,63.85,41.079c23.747,11.554,21.82,39.801-31.458,46.86c-53.272,7.06-197.076,6.285-188.08-62.653C624.351,788.826,704.929,801.022,704.929,801.022z"/></g><g><path fill="#203118" d="M544.292,871.089c-11.57-13.184-16.467-29.528-14.15-47.27c0.826-6.356,4.769-11.877,10.501-14.741c48.369-24.143,98.474-29.209,131.984-29.209c20.989,0,34.619,2.028,35.19,2.109c3.084,0.473,6.018,1.686,8.531,3.538c0.392,0.285,38.936,28.606,60.855,39.269c17.826,8.678,27.613,24.979,24.935,41.534c-2.068,12.777-12.915,35.19-62.291,41.732c-14.901,1.977-33.436,3.063-52.182,3.063c-0.007,0-0.007,0-0.007,0C638.289,911.115,573.342,904.171,544.292,871.089z M760.353,859.419c-20.64-10.044-51.519-31.825-62.683-39.864c-4.912-0.498-13.691-1.17-25.043-1.17c-26.764,0-65.474,3.621-103.647,19.996c0.819,2.597,2.226,4.98,4.257,7.298c14.578,16.606,58.425,26.922,114.43,26.922c16.855,0,34.037-0.992,47.119-2.731c16.579-2.195,24.846-6.408,28.059-8.973C762.233,860.444,761.414,859.935,760.353,859.419z"/></g></g></g><g><g><path fill="#FFFFFF" d="M251.236,853.758c0,0-10.827,43.313,14.441,63.233c30.328,23.904,133.783,17.97,183.209,2.563c49.419-15.406,56.896-55.118,40.847-93.246C442.771,832.255,437.512,830.092,251.236,853.758z"/><path fill="#203118" d="M257.335,927.574c-31.753-25.027-19.708-74.968-19.174-77.081c1.346-5.393,5.867-9.402,11.373-10.106c124.51-15.815,168.533-20.141,197.659-23c14.751-1.449,25.41-2.498,40.846-4.451c5.966-0.775,11.766,2.566,14.112,8.142c10.688,25.369,11.457,50.347,2.173,70.33c-8.882,19.114-26.666,33.301-51.428,41.019c-27.471,8.561-69.601,14.095-107.318,14.095C316.287,946.521,277.201,943.235,257.335,927.574z M449.834,844.217c-28.193,2.767-70.404,6.915-186.924,21.651c-1.219,11.381-1.175,30.846,11.119,40.533c10.448,8.241,37.195,13.162,71.549,13.162c35.229,0,74.196-5.056,99.29-12.879c17.559-5.469,29.331-14.436,35.002-26.642c4.995-10.732,5.243-24.348,0.842-39.058C469.984,842.238,460.779,843.139,449.834,844.217z"/></g><g><g><path fill="#4E5167" d="M334.04,801.022c0,0-40.092,29.524-63.849,41.079c-23.749,11.554-21.824,39.801,31.457,46.86c53.273,7.06,197.08,6.285,188.085-62.653C414.622,788.826,334.04,801.022,334.04,801.022z"/></g><g><path fill="#203118" d="M299.121,908.052c-49.375-6.542-60.222-28.955-62.292-41.732c-2.676-16.556,7.11-32.856,24.937-41.534c21.885-10.647,60.464-38.983,60.855-39.269c2.513-1.853,5.445-3.065,8.53-3.538c0.571-0.081,14.201-2.109,35.189-2.109c33.509,0,83.614,5.066,131.989,29.209c5.731,2.864,9.665,8.385,10.492,14.741c2.319,17.741-2.572,34.086-14.148,47.27c-29.043,33.082-93.994,40.026-143.372,40.026C332.559,911.115,314.022,910.028,299.121,908.052z M366.341,818.385c-11.358,0-20.138,0.672-25.042,1.17c-11.165,8.039-42.035,29.82-62.684,39.864c-1.062,0.516-1.88,1.025-2.488,1.478c3.21,2.564,11.479,6.777,28.059,8.973c13.086,1.739,30.259,2.731,47.116,2.731c56.003,0,99.849-10.315,114.434-26.922c2.024-2.317,3.438-4.701,4.257-7.298C431.813,822.006,393.105,818.385,366.341,818.385z"/></g></g></g><g><g><path fill="#669940" d="M649.565,369.421c0,0,153.229-68.44,197.521,14.364c46.614,87.154,22.792,181.979-115.857,193.534c-14.445,82.805,2.888,156.945-23.591,222.417c0,0-58.733,30.331-161.276,26.479c0,0-29.212-21.311-51.357,0.338c-46.539,14.586-131.914,9.133-172.354-8.197c-10.267-59.697-19.254-91.156-23.106-193.857c-3.853-102.706,19.255-207.977,19.255-207.977s-50.075-155.347,314.535-164.328"/></g><path fill="#666699" d="M721.45,696.328c0,0-257.403,17.902-413.385-17.689c0,116.539,23.717,147.67,23.717,147.67s123.493,9.443,168.213-6.74c29.529-4.49,16.688,16.688,67.399,7.704c50.711-8.986,145.072-34.596,145.072-34.596L721.45,696.328z"/><path fill="#203118" d="M299.067,416.759c-2.645-13.262-5.979-47.668,19.484-83.558c44.345-62.479,150.087-96.214,314.308-100.26c0.156-0.003,0.322-0.003,0.48-0.003c10.411,0,18.986,8.312,19.242,18.783c0.263,10.63-8.148,19.46-18.777,19.723c-187.334,4.615-257.384,47.744-283.17,83.114c-21.132,28.983-13.758,55.179-13.504,56.056c1.045,3.242,1.211,6.706,0.482,10.035c-0.226,1.031-22.539,104.202-18.83,203.127c3.123,83.186,9.472,117.779,17.513,161.582c1.114,6.078,2.256,12.295,3.416,18.802c37.114,11.946,104.827,16.396,145.717,5.138c23.153-18.944,51.062-11.234,66.829-2.162c74.154,1.955,123.432-14.895,140.191-21.722c11.449-32.963,11.983-69.931,12.54-108.91c0.474-32.601,0.955-66.316,7.267-102.491c1.504-8.632,8.644-15.157,17.369-15.887c55.115-4.588,93.155-23.402,110.02-54.393c15.941-29.315,12.465-69.721-9.544-110.864c-11.77-22.002-35.227-29.822-61.153-30.543c-0.004-0.004-0.004-0.008-0.004-0.008s-39.902-9.407-129.391,20.765c19.635-23.756,49.083-48.458,100.476-52.152c1.678-1.612,3.638-3.829,5.637-6.415c45.549-3.987,94.069,4.701,118.396,50.188c28.239,52.787,31.671,106.522,9.413,147.432c-15.303,28.131-49.445,62.676-125.459,72.745c-3.736,28.148-4.128,55.553-4.513,82.176c-0.654,45.515-1.271,88.504-18.015,129.899c-1.723,4.272-4.928,7.778-9.02,9.892c-2.582,1.333-64.504,32.597-170.83,28.615c-3.838-0.146-7.531-1.431-10.631-3.689c-0.156-0.117-16.173-11.584-26.546-1.448c-2.166,2.121-4.806,3.7-7.703,4.603c-19.957,6.259-46.766,9.253-74.68,9.25c-40.58,0-83.48-6.322-111.012-18.122c-6.002-2.569-10.29-8.003-11.395-14.435c-1.797-10.461-3.558-20.052-5.259-29.312c-7.988-43.53-14.886-81.126-18.116-167.087C276.802,531.861,294.69,438.096,299.067,416.759z"/></g><g><g><ellipse fill="#8084A8" cx="542.267" cy="721.199" rx="77.268" ry="45.8"/></g><g><path fill="#203118" d="M445.741,721.199c0-36.482,42.396-65.056,96.526-65.056c54.122,0,96.525,28.573,96.525,65.056c0,36.484-42.403,65.057-96.525,65.057C488.137,786.256,445.741,757.684,445.741,721.199z M484.256,721.199c0,10.825,22.598,26.543,58.012,26.543c35.407,0,58.013-15.718,58.013-26.543c0-10.824-22.605-26.542-58.013-26.542C506.854,694.657,484.256,710.375,484.256,721.199z"/></g></g><g><g><path fill="#8084A8" d="M494.441,703.745c0,15.653,21.416,28.349,47.826,28.349s47.82-12.695,47.82-28.349c0-15.655-21.41-28.345-47.82-28.345S494.441,688.09,494.441,703.745z"/></g><g><path fill="#203118" d="M488.664,703.745c0-19.134,23.544-34.122,53.604-34.122c30.052,0,53.596,14.988,53.596,34.122c0,19.132-23.544,34.126-53.596,34.126C512.208,737.871,488.664,722.877,488.664,703.745z M500.217,703.745c0,12.233,19.258,22.571,42.051,22.571c22.784,0,42.041-10.338,42.041-22.571c0-12.236-19.257-22.567-42.041-22.567C519.475,681.178,500.217,691.509,500.217,703.745z"/></g></g><g><g><path fill="#626580" d="M610.367,302.194c0,0,13.855,65.783-26.856,98.922c-49.669,40.439-185.437,37.55-191.534-78.955C425.236,283.449,504.312,252.397,610.367,302.194z"/></g><g><path fill="#4E5167" d="M610.977,295.259c0,0,10.128,48.082-19.626,72.304c-36.31,29.56-135.545,27.448-140-57.712C475.661,281.561,533.459,258.858,610.977,295.259z"/></g><g><path fill="#203118" d="M372.749,323.167c-0.264-4.942,1.391-9.798,4.618-13.555c28.224-32.842,75.83-52.453,127.343-52.453c36.528,0,74.831,9.29,113.842,27.604c5.468,2.568,9.409,7.548,10.659,13.461c0.662,3.155,15.705,77.735-33.543,117.829c-21.438,17.452-54.874,27.87-89.455,27.87l0,0C447.562,443.921,377.413,412.294,372.749,323.167z M504.71,295.672c-37.235,0-71.283,12.374-92.84,33.411c8.235,70.667,73.839,76.324,94.343,76.324c25.613,0,50.572-7.364,65.143-19.227c23.177-18.866,23.004-54.085,21.417-70.785C562.254,302.304,532.677,295.672,504.71,295.672z"/></g></g><g><g><path fill="#FFFFFF" d="M787.072,293.277c0,0-6.74-198.347-178.128-215.679c-99.174-9.628-255.158-0.334-305.228,196.253c0,0,84.409-1.114,208.296,13.005C635.904,300.98,787.072,293.277,787.072,293.277z"/></g><g><path fill="#6167AF" d="M639.553,82.977c0,0-117.271-0.278-192.689,197.444c-79.717-5.118-153.736-6.57-153.736-6.57S355.636,29.302,639.553,82.977z"/></g><g><path fill="#203118" d="M509.83,305.992c-105.035-11.974-180.792-12.903-201.518-12.903c-2.782,0-4.266,0.019-4.34,0.019c-0.083,0-0.165,0-0.248,0c-5.898,0-11.48-2.7-15.136-7.341c-3.699-4.703-5.007-10.863-3.534-16.666c20.363-79.951,59.733-138.342,117.008-173.555c42.845-26.339,96.123-39.691,158.341-39.691c16.044,0,32.534,0.843,50.475,2.584c77.337,7.82,135.769,51.268,168.98,125.648c24.364,54.559,26.381,106.358,26.456,108.535c0.361,10.505-7.771,19.351-18.264,19.886c-0.414,0.021-42.291,2.12-99.092,2.12C620.394,314.628,560.125,311.725,509.83,305.992z M607.079,96.765c-16.615-1.614-31.88-2.396-46.676-2.396c-120.069,0-195.913,52.536-231.132,160.436c34.631,0.685,100.65,3.317,184.923,12.922c48.85,5.568,107.65,8.388,174.765,8.388c32.331,0,59.688-0.688,77.051-1.271C759.616,227.593,731.241,109.324,607.079,96.765z"/></g></g><g><g><path fill="#8084A8" d="M237.559,393.414c0,61.152,33.844,110.728,75.584,110.728s75.584-49.576,75.584-110.728s-33.844-110.729-75.584-110.729S237.559,332.262,237.559,393.414z"/></g><g><path fill="#203118" d="M218.301,393.414c0-72.887,41.658-129.985,94.842-129.985c53.183,0,94.841,57.098,94.841,129.985c0,72.888-41.658,129.985-94.841,129.985C259.959,523.398,218.301,466.301,218.301,393.414z M256.816,393.414c0,49.582,25.794,91.471,56.326,91.471c30.535,0,56.328-41.889,56.328-91.471c0-49.583-25.793-91.471-56.328-91.471C282.61,301.943,256.816,343.83,256.816,393.414z"/></g></g><g><g><path fill="#203118" d="M746.919,556.168c0,0-1.023,0.137-2.942,0.381c-2.008,0.236-5.062,0.545-8.995,0.854c-7.876,0.61-19.303,1.226-33.106,1.099c-27.554-0.112-64.721-3.355-100.648-13.021c-9.012-2.31-17.872-5.146-26.529-8.173c-4.363-1.447-8.541-3.242-12.766-4.826c-4.185-1.665-8.215-3.531-12.255-5.253c-3.979-1.84-7.823-3.788-11.638-5.623c-3.753-1.948-7.355-3.983-10.913-5.901c-6.96-4.067-13.51-8.045-19.287-12.122c-2.958-1.956-5.733-3.916-8.27-5.917c-2.571-1.959-5.016-3.816-7.318-5.566c-4.369-3.75-8.288-6.954-11.373-9.745c-6.047-5.74-9.501-9.023-9.501-9.023s3.025,3.701,8.313,10.178c2.724,3.178,6.228,6.868,10.171,11.212c2.084,2.054,4.31,4.239,6.657,6.545c2.309,2.354,4.859,4.686,7.604,7.048c5.35,4.891,11.495,9.779,18.101,14.856c3.384,2.422,6.829,4.983,10.432,7.478c3.671,2.384,7.396,4.896,11.261,7.318c3.928,2.303,7.876,4.77,11.99,7.049c4.152,2.188,8.282,4.611,12.608,6.687c8.597,4.293,17.49,8.426,26.591,12.036c9.057,3.75,18.315,6.959,27.492,9.989c9.217,2.885,18.371,5.552,27.323,7.729c17.896,4.473,34.903,7.504,49.602,9.459c14.697,2.002,27.103,2.911,35.89,3.348c4.399,0.211,7.89,0.302,10.342,0.328c2.542,0,3.896-0.005,3.896-0.005c10.659-0.003,19.304-8.649,19.295-19.313c-0.008-10.662-8.649-19.298-19.317-19.291c-0.789,0-1.579,0.045-2.347,0.143L746.919,556.168z"/></g></g><g><g><path fill="#203118" d="M483.127,461.133c0,0-0.692-0.655-2.127-1.384c-0.725-0.35-1.617-0.797-2.694-1.09c-1.067-0.332-2.31-0.667-3.693-0.805c-1.393-0.214-2.903-0.15-4.53-0.076c-1.593,0.219-3.338,0.429-5.016,1.042c-1.752,0.47-3.407,1.32-5.077,2.23c-1.641,0.94-3.144,2.152-4.612,3.373c-1.271,1.395-2.737,2.667-3.716,4.229c-0.992,1.528-2.084,3.001-2.716,4.592c-0.668,1.572-1.286,3.099-1.737,4.569c-0.338,1.509-0.603,2.938-0.789,4.255c-0.243,1.304-0.233,2.542-0.173,3.64c0,1.084,0.127,2.046,0.202,2.822c0.174,1.557,0.415,2.452,0.415,2.452s0.736-0.639,1.782-1.775c1.127-1.091,2.272-2.806,3.957-4.565c0.791-0.899,1.587-1.874,2.369-2.904c0.863-0.975,1.79-1.941,2.625-2.994c0.806-1.091,1.897-1.917,2.73-2.983c0.888-1.034,1.948-1.838,2.859-2.824c0.985-0.865,1.978-1.731,2.979-2.551c1.052-0.737,2.024-1.609,3.105-2.258c1.023-0.766,2.122-1.337,3.159-2.008c1.069-0.548,2.102-1.218,3.123-1.669c2.023-1.083,3.91-1.821,5.294-2.423C482.299,461.46,483.127,461.133,483.127,461.133z"/></g></g><g><g><path fill="#669940" d="M713.749,602.936c0,0,47.326,109.182-22,126.032c-69.325,16.849-147.639-39.959-147.639-39.959s36.619-36.345,110.419-31.812"/></g><path fill="#203118" d="M530.539,675.341c1.053-1.043,16.679-16.169,46.712-26.968c4.609,1.005,9.376,1.086,13.911-0.086c29.664-7.661,63.37-0.264,82.14,12.114c-17.23,1.93-52.423,13.767-71.917,20.667c-8.124,2.137-15.119,4.736-20.957,7.396c26.254,13.867,68.867,31.003,106.771,21.792c9.847-2.394,16.521-7.275,21.009-15.36c13.654-24.613,3.318-70.349-1.818-85.89c-3.348-10.084,2.107-20.977,12.185-24.334c10.096-3.363,20.996,2.082,24.358,12.174c2.445,7.329,23.191,72.906-1.001,116.645c-9.649,17.459-25.432,29.279-45.637,34.188c-10.485,2.55-21.077,3.656-31.571,3.656c-66.604-0.008-128.903-44.55-131.917-46.737c-4.575-3.316-7.463-8.477-7.899-14.106C524.477,684.859,526.53,679.32,530.539,675.341z"/></g><g><path fill="#669940" d="M338.206,656.591c0,0,58.27,63.554,110.905,64.835c52.634,1.283,97.902-48.914,163.525-62.33c-2.413-25.612-49.91-46.795-113.458-15.984c-26.957,2.568-57.131-24.401-57.131-24.401"/></g><g><path fill="#203118" d="M774.232,402.881c0,7.355,5.965,13.322,13.322,13.322c7.349,0,13.314-5.966,13.314-13.322c0-7.356-5.966-13.319-13.314-13.319C780.197,389.562,774.232,395.524,774.232,402.881z"/></g><g><path fill="#203118" d="M644.247,420.053c0,7.62,6.177,13.8,13.803,13.8c7.62,0,13.796-6.181,13.796-13.8s-6.176-13.802-13.796-13.802C650.424,406.251,644.247,412.434,644.247,420.053z"/></g><g><g><path fill="#8084A8" d="M477.154,84.827c0,0-145.515,59.622-167.659,231.284c-24.072,1.237-52.956-11.28-52.956-11.28S267.368,91.093,477.154,84.827z"/></g><g><path fill="#203118" d="M248.879,322.5c-7.363-3.192-11.974-10.625-11.567-18.644c0.112-2.359,3.274-58.388,33.879-115.745c28.788-53.958,87.8-119.021,205.386-122.53c9.425-0.384,17.429,6.122,19.384,15.206c1.948,9.083-2.882,18.275-11.464,21.841c-5.521,2.294-135.524,58.012-155.902,215.944c-1.189,9.235-8.815,16.291-18.107,16.768c-1.459,0.076-2.941,0.114-4.422,0.114l0,0C279.54,335.455,251.94,323.828,248.879,322.5z M277.254,291.806c4.814,1.468,10.352,2.904,15.938,3.883c14.218-77.841,52.236-132.258,89.405-168.424C302.222,169.479,282.122,257.388,277.254,291.806z"/></g></g><g><g><path fill="#6167AF" d="M512.013,286.856c0,0,271.523-50.708,395.416,48.143c19.257,17.974-31.706,30.345-93.2,19.024C752.727,342.701,667.354,304.831,512.013,286.856z"/></g><g><path fill="#203118" d="M810.737,372.965c-21.154-3.897-44.667-10.694-71.884-18.565c-53.332-15.413-126.373-36.531-229.053-48.414c-9.462-1.091-16.706-8.94-17.037-18.459c-0.332-9.515,6.348-17.85,15.713-19.595c2.912-0.546,72.373-13.334,158-13.334c113.501,0,198.617,21.988,252.958,65.35c0.391,0.312,0.767,0.636,1.128,0.978c9.456,8.815,12.614,20.374,8.463,30.91c-8.402,21.318-42.208,25.79-69.101,25.79l0,0C844.323,377.624,827.316,376.01,810.737,372.965z M666.477,293.111c-2.416,0-4.814,0.011-7.209,0.034c35.176,8.327,64.902,16.92,90.275,24.258c26.239,7.583,48.896,14.136,68.166,17.678c14.316,2.637,28.909,4.028,42.216,4.028l0,0c7.342,0,13.458-0.402,18.444-1.004C830.543,308.603,757.924,293.111,666.477,293.111z"/></g></g><g><g><path fill="#4E5167" d="M187.039,393.414c0,61.152,33.835,110.728,75.583,110.728c41.743,0,75.584-49.576,75.584-110.728s-33.841-110.729-75.584-110.729C220.874,282.685,187.039,332.262,187.039,393.414z"/></g><g><path fill="#626580" d="M180.63,393.414c0,35.445,19.611,64.18,43.811,64.18c24.197,0,43.811-28.735,43.811-64.18c0-35.445-19.613-64.181-43.811-64.181C200.241,329.233,180.63,357.968,180.63,393.414z"/></g><g><path fill="#203118" d="M167.783,393.414c0-72.887,41.659-129.985,94.839-129.985c53.186,0,94.842,57.098,94.842,129.985c0,72.888-41.656,129.985-94.842,129.985C209.442,523.398,167.783,466.301,167.783,393.414z M206.297,393.414c0,49.582,25.794,91.471,56.325,91.471c30.536,0,56.326-41.889,56.326-91.471c0-49.583-25.79-91.471-56.326-91.471C232.091,301.943,206.297,343.83,206.297,393.414z"/></g></g></g><path fill="#203118" d="M353.104,644.334c15.362,16.504,60.559,56.969,96.473,57.842c23.057,0.633,46.287-11.975,73.088-26.493c16.571-8.974,34.618-18.749,54.664-26.271c-15.442-4.552-39.733-3.523-69.746,11.028c-2.069,1-4.297,1.624-6.574,1.843c-10.854,1.03-21.644-1.185-31.444-4.788c-37.506-16.561-46.429-41.256-46.553-41.605c0.039-0.253,0.133-0.497,0.179-0.744c29.247,27.338,71.332,8.867,71.332,8.867c40.929-18.798,81.874-20.588,110.194-4.648c15.783,8.885,25.657,22.71,27.088,37.928c0.926,9.79-4.705,10.816-14.342,12.788c-27.574,5.638-52.9,26.711-76.451,39.47c-29.563,16.015-57.523,31.157-89.855,31.157c-0.833,0-1.677-0.009-2.519-0.03c-2.313-0.057-4.626-0.237-6.939-0.475C428.996,737.512,375.664,721.745,353.104,644.334z"/></g></g></svg>
<div style="display:inline-block; width:80%; vertical-align: middle; box-shadow:unset;">
<div class="croco_titre">Ne ratez plus aucun deal !</div>
<div class="croco_content" >
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
</div>
<div class="croco_buttons"><span style="background-color: transparent; color: #5677fc;" class="croco_button" id="ignore_croco_push">Ignorer</span><span style="background-color: #5677fc;color: #fff;border-radius: 3px; box-shadow: 0 2px 3px 1px rgba(0,0,0,.3);" class="croco_button" id="accept_croco_push">Autoriser</span></div>
</div>
</div>
</div>
<style>
#c94695{
position: fixed !important;
display: block;
z-index: 2147483647 !important;
margin: 0px !important;
padding: 0px !important;
outline: none !important;
border: none !important;
background-color: transparent !important;
box-sizing: border-box !important;
opacity: 1 !important;
top: 3px !important;
left: 85px !important; width: 400px !important;
right: auto !important;
font-family: Roboto, sans-serif !important;
}
#c94695 .croco_wrapper{
background-color: white !important;
color:#555 !important;
padding:10px;
margin-left: 3px;
margin-right: 3px;
padding-bottom:50px;
border-radius:3px;
cursor:default;
box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 2px 3px 1px rgba(0,0,0,.3);
animation: fadeIn .4s ease-in-out;
}
#c94695 .croco_wrapper .croco_titre{
margin-top:5px !important;
color:#555 !important;
display:inline-block !important;
font-weight: bold;
font-size:20px !important;
margin-bottom: 10px !important;
}
#c94695 .croco_wrapper svg{
display:inline-block !important;
width:15% !important;
height: auto !important;
margin-right: 1% !important;
vertical-align: middle !important;
}
#c94695 .croco_wrapper .croco_content{
font-size:14px !important;
margin-bottom: 10px !important;
}
#c94695 .croco_wrapper .croco_buttons{
margin: 3px;
position: absolute;
right: 0px;
bottom:5px;
font-size:16px !important;
padding:10px;
}
#c94695 .croco_wrapper .croco_button{
padding:10px 30px 10px 30px ;
margin:3px;
cursor: pointer;
}
@keyframes fadeIn{
0%{
opacity:0;
transform:scale(.9)
}to{
opacity:1;
transform:scale(1)
}
}
</style>
<script type="text/javascript">
var ignore_croco = document.getElementById('ignore_croco_push');
ignore_croco.addEventListener("click", function(){
$.cookie("crocopush_banner", 1, { expires: 15, domain: 'keuf.net' });
document.getElementById("c94695").style.display="none";
});
var accept_croco = document.getElementById('accept_croco_push');
accept_croco.addEventListener("click", function(){
window.open('https://pokerubis.keuf.net/bw?dest=https%3A%2F%2Flecrocodeal.com%2Fnotif', 'CrocoRegister','menubar=no, scrollbars=no, top='+window.screenY+', left='+(window.screenX)+', width=300, height=200');
$.cookie("crocopush_banner", 1, { expires: 60, domain: 'keuf.net' });
document.getElementById("c94695").style.display="none";
});
</script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script></body></html> |
|
)
Internet Explorer.
Mozilla Firefox est un programme gratuit et disponible en français. Il va nous être aussi utile car, comme tous les autres sauf IE, il est à jour et va vous permettre de profiter des dernières possibilités du CSS.