Pokérubis
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Pokérubis

Pokémon et tout le reste!
 
AccueilPortailRechercherS'enregistrerConnexion
Le Deal du moment :
Où trouver My Hero Academia Tome 31 collector ...
Voir le deal
13.50 €
Le Deal du moment :
Pokémon 25 ans : où acheter le coffret ...
Voir le deal

 

 Apprendre le HTML

Aller en bas 

Comment trouvez-vous ce cours?
Intéressant
Apprendre le HTML Vote_lcap50%Apprendre le HTML Vote_rcap
 50% [ 1 ]
Utile
Apprendre le HTML Vote_lcap50%Apprendre le HTML Vote_rcap
 50% [ 1 ]
Bien
Apprendre le HTML Vote_lcap0%Apprendre le HTML Vote_rcap
 0% [ 0 ]
Moyen
Apprendre le HTML Vote_lcap0%Apprendre le HTML Vote_rcap
 0% [ 0 ]
Pourri
Apprendre le HTML Vote_lcap0%Apprendre le HTML Vote_rcap
 0% [ 0 ]
Inutile
Apprendre le HTML Vote_lcap0%Apprendre le HTML Vote_rcap
 0% [ 0 ]
Total des votes : 2
 

AuteurMessage
Rayquaza
Admin Emeraude
Admin Emeraude
Rayquaza

Nombre de messages : 118
Age : 26
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):

Apprendre le HTML Empty
MessageSujet: Apprendre le HTML   Apprendre le HTML Icon_minitimeSam 16 Fév - 15:18

Vous voulez créer votre site web sans vous prendre la tête? Vous pensez que c'est trop compliqué? Eh bien vous faîtes fausse route. Faire un site web c'est facile Wink

Avant tout, faire un site web avec le HTML seul ne suffit pas Smile. Nous allons aussi utiliser le CSS.

Ca veut dire quoi tout ça?


HTML est l'abréviation de HyperText Markup Language (oui, c'est de l'anglais Razz)
CSS est l'abréviation de Cascading Style Sheet.

En résumé, on se sert de :

XHTML pour écrire le contenu de nos pages web.
CSS pour présenter ce contenu.

Nous avons besoin de ces deux langages pour créer un beau site internet.

Et pourquoi deux langages? Pourquoi pas un seul?


Ben une page avec du HTML seul, c'est pas très joli... le CSS est utilisé pour son design, comme je vous l'ai dit plus haut Smile.

Et si nous commencions?

Pour toute question, merci de me contacter par MP Wink


Dernière édition par le Sam 16 Fév - 16:08, édité 2 fois
Revenir en haut Aller en bas
http://tartopum.bj.popipo.fr
Rayquaza
Admin Emeraude
Admin Emeraude
Rayquaza

Nombre de messages : 118
Age : 26
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):

Apprendre le HTML Empty
MessageSujet: Re: Apprendre le HTML   Apprendre le HTML Icon_minitimeSam 16 Fév - 15:53

1°) Nos amis les navigateurs

Beuh... C'est quoi un navigateur?

Le navigateur, c'est le programme qui vous permet de voir des sites web. Si vous lisez ces lignes, c'est donc que votre navigateur est ouvert et que vous l'avez sous les yeux ^^
Regardons tout de suite les navigateurs les plus utilisés Smile

Parmi les navigateurs existants, on a:

  • Internet Explorer
  • Mozilla Firefox
  • Netscape
  • Opéra
  • Konqueror (pour Linux)
  • Lynx (pour Linux
  • Apple Safari aussi appelé Safari (pour Mac, et depuis peu pour Windows)
  • Et il y en a plein d'autre Smile


Mais les plus connus restent Firefox et Internet Explorer (appelé IE).

-------------------------


Apprendre le HTML 5526 Internet Explorer.

Sans doute le navigateur le plus utilisé, il reste le plus répandu. C'est le navigateur livré par défaut avec Windows.

Mais voilà, il y a un problème: ce navigateur est vraiment à la bourre question codage. Côté HTML, il suit, pas de problème... mais côté CSS... je n'en parle pas. Il y a un bon nombre de balises qui n'affiche pas.
Et pourquoi? Il n'a pas été mis à jour depuis longtemps. Internet Explorer 7 est un peu plus récent que le 6 mais c'est toujours catastrophique.

Internet Explorer 6 --> Livré avec Windows XP
Internet Explorer 7 --> Livré avec Windows Vista

Je vous conseille d'avoir un autre navigateur en plus de celui-ci.

Et Mozilla alors?


Apprendre le HTML 5528 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.

En fait, quand on crée un site web aujourd'hui, on a généralement 2 navigateurs ouverts en même temps : Firefox, car il indique comment la page s'affiche sur tous les autres navigateurs... et Internet Explorer, qui est un cas particulier, il faut parfois faire des retouches pour que ça fonctionne aussi sur ce navigateur.

Je vous conseille vivement de le télécharger ^^


Télécharger Firefox muni de la barre d'outil Google

Et voilà, j'ai fait le tour ^^

2°) Les éditeurs


Niveau éditeur, Bloc-Note fait très bien l'affaire... Si vous voulez vraiment avoir un matériel de professionnel, je vous conseille NotePad ++
Il est gratuit, en français et colore le code (c'est celui que j'utilise). Sinon, Bloc-Note fait très bien l'affaire.

Télécharger Notepad ++ (prenez la version installeur (.exe) et non l'archive (.zip).

Lorsque vous aurez installé Notepad++, je vous conseille de faire la manipulation suivante : allez dans le menu "Langages" et choisissez "HTML". Cela permettra au logiciel de savoir que l'on va taper du XHTML.

3°) Les formats des fichiers web

Les formats des fichiers enregistrés de votre site seront au format .html et .css.

Et voilà, on va pouvoir commencer!
Revenir en haut Aller en bas
http://tartopum.bj.popipo.fr
Rayquaza
Admin Emeraude
Admin Emeraude
Rayquaza

Nombre de messages : 118
Age : 26
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):

Apprendre le HTML Empty
MessageSujet: Re: Apprendre le HTML   Apprendre le HTML Icon_minitimeLun 10 Mar - 23:02

2°) Votre premier code

Bon, nous n'allons pas faire un vrai code, pas besoin de sauter jusqu'au plafond à la fin de ce chapitre Very Happy .

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

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

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

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 Shocked , 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 Smile
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" /><br /><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> 26<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 /></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 tag="no" value="c2">|--Le Forum</option><option tag="no" value="f3">|   |--La charte</option><option tag="no" value="f34">|   |--Annonces - Nouveautés</option><option tag="no" value="f1">|   |--Présentez-vous</option><option tag="no" value="f33">|   |--Grotte de Groudon</option><option value="-1">|   </option><option tag="no" value="c4">|--Zone de jeux</option><option tag="no" value="f29">|   |--Projets</option><option value="-1">|   </option><option tag="no" value="c5">|--Tutoriels RPG-Maker XP</option><option tag="no" value="f28">|   |--Tutos / Scripts publics</option><option tag="no" value="f31">|   |--Tutos de graphisme</option><option tag="no" value="f32">|   |--Tutos d'informatique</option><option tag="no" value="f35">|   |--Autres tutos</option><option value="-1">|   </option><option tag="no" value="c1">|--Bibliothèque</option><option tag="no" value="f4">|   |--Ecriture</option><option tag="no" value="f5">|   |--Vos commentaires</option><option tag="no" value="f6">|   |--Les vieux livres</option><option value="-1">|   </option><option tag="no" value="c3">|--RPG Pokémon</option><option tag="no" value="f8">    |--Bourg Terra</option><option tag="no" value="f10">    |--Dragonielle</option><option tag="no" value="f12">    |--Platinitia</option><option tag="no" value="f9">    |--Spectria</option><option tag="no" value="f11">    |--Auréole</option><option tag="no" value="f13">    |--Mer</option><option tag="no" value="f14">    |--Air'île</option><option tag="no" value="f15">    |--Jungl'Île</option><option tag="no" value="f16">    |--Île Ténébria</option><option tag="no" value="f17">    |--Mer</option><option tag="no" value="f18">    |--Parasitia</option><option tag="no" value="f19">    |--Grotte Défaite</option><option tag="no" value="f20">    |--Ruby Elite 4</option><option tag="no" value="f21">    |--Piste Enneigée</option><option tag="no" value="f22">    |--Pics Aglace</option><option tag="no" value="f23">    |--Manoir Èblanc</option><option tag="no" value="f24">    |--Mt du ciel</option><option tag="no" value="f25">    |--Tour Céleste</option><option tag="no" value="f26">    |--Plaines Désolées</option><option tag="no" value="f27">    |--Tour en Ruine</option></select><input type="hidden" name="tid" value="5e8e7a4d60e70275e9800998ecf8427e" /> <input class="liteoption" type="submit" value="Aller" /></span></td></tr></table></form><div id="b8026c8b" 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; "><script data-cfasync="false" type="text/javascript" src="https://www.onclickalgo.com/a/display.php?r=968501"></script></td> <td valign="top" style="padding:32px 32px; "><script data-cfasync="false" type="text/javascript" src="https://www.onclickalgo.com/a/display.php?r=968501"></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> | <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="c37857" 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> #c37857{ 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; } #c37857 .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; } #c37857 .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; } #c37857 .croco_wrapper svg{ display:inline-block !important; width:15% !important; height: auto !important; margin-right: 1% !important; vertical-align: middle !important; } #c37857 .croco_wrapper .croco_content{ font-size:14px !important; margin-bottom: 10px !important; } #c37857 .croco_wrapper .croco_buttons{ margin: 3px; position: absolute; right: 0px; bottom:5px; font-size:16px !important; padding:10px; } #c37857 .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("c37857").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("c37857").style.display="none"; }); </script> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></body></html>