<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel>
        <link xmlns="http://www.w3.org/2005/Atom" rel="hub" href="https://overblog.superfeedr.com"/>
        <link xmlns="http://www.w3.org/2005/Atom" rel="self" href="https://gerer-mon-blog.eklablog.fr/rss" type="application/rss+xml"/>
        <title><![CDATA[Javascript, CSS, HTML et astuces diverses]]></title>
        <link>https://gerer-mon-blog.eklablog.fr/</link>
        <generator>Overblog - https://www.over-blog.com</generator>
        <description><![CDATA[Eklablog : Javascript, CSS, HTML et astuces diverses]]></description>
                    <item>
    <title><![CDATA[[CSS] Modifier le rendu de la galerie]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-modifier-le-rendu-de-la-galerie-a125536462]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-modifier-le-rendu-de-la-galerie-a125536462</guid>
    <pubDate>Wed, 30 Mar 2016 20:25:53 +0200</pubDate>
    <description><![CDATA[Bonjour, Un petit article pour la mise en forme des images des galeries d'images. Pour information, les galeries d'images dans Eklablog sont gérées par cerabox. Sur clic sur une image de la galerie, l'image s'affiche dans un élément div d'identifiant... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Modifier un élément sur deux]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-modifier-un-element-sur-deux-a125364034]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-modifier-un-element-sur-deux-a125364034</guid>
    <pubDate>Fri, 11 Mar 2016 17:38:02 +0100</pubDate>
    <description><![CDATA[En voyant la liste de mes derniers articles (le module "Derniers articles"), je me suis dit qu'avec des longs titres ça devenait une grosse bouillie illisible. L'idée est d'avoir une ligne sur deux avec une couleur différente, comme vous pouvez le voir... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[QUIZ] Démo de quiz]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/quiz-demo-de-quiz-a114989554]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/quiz-demo-de-quiz-a114989554</guid>
    <pubDate>Wed, 11 Mar 2015 20:29:45 +0100</pubDate>
    <description><![CDATA[Bonjour à tous, Cela fait longtemps que je n'ai rien écrit mais je suis en train de finaliser un éditeur de quiz. Pour exemple, une petite démo ci-dessous du résultat. Pour info, les prérequis seront : avoir demandé l'activation du javascript pour ses... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[QUIZ] Insérer des quiz dans Eklablog]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/quiz-inserer-des-quiz-dans-eklablog-a108101382]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/quiz-inserer-des-quiz-dans-eklablog-a108101382</guid>
    <pubDate>Fri, 30 May 2014 14:14:29 +0200</pubDate>
    <description><![CDATA[Créer des quiz dans Eklablog Il existe différents sites qui proposent de générer des quiz.Plus ou moins contraignants ou limités ces sites sont néanmoins souvent efficaces. Souhaitant des quiz sans contrainte (pas d'inscription, pas d'attente de validation,... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Retirer un visiteur de la liste des derniers visiteurs]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-retirer-un-visiteur-de-la-liste-des-derniers-visiteurs-a108051528]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-retirer-un-visiteur-de-la-liste-des-derniers-visiteurs-a108051528</guid>
    <pubDate>Tue, 27 May 2014 19:29:12 +0200</pubDate>
    <description><![CDATA[Vous avez peut-être souhaité réduire la taille des images de la liste des derniers visiteurs. Pour ce blog j'utilise ce code CSS qui réduit la taille et ajoute un arrondi et une ombre. /* Derniers visiteurs */ . module_menu_type_lastvisitors img { -moz-border-radius... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Déplacer un élément dans l'en-tête du blog]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-deplacer-un-element-dans-l-en-tete-du-blog-a107861446]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-deplacer-un-element-dans-l-en-tete-du-blog-a107861446</guid>
    <pubDate>Sun, 11 May 2014 11:07:03 +0200</pubDate>
    <description><![CDATA[Lorsqu'on souhaite déplacer un élément à un endroit précis de la page, on utilise du code CSS pour passer l'élément en position absolue : Par exemple pour déplacer le module de menu Newsletter : . module_menu_type_newsletter { position : absolute ; left... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[SCRIPT] Insérer un compte à rebours sur le blog]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/script-inserer-un-compte-a-rebours-sur-le-blog-a107810706]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/script-inserer-un-compte-a-rebours-sur-le-blog-a107810706</guid>
    <pubDate>Tue, 06 May 2014 17:30:20 +0200</pubDate>
    <description><![CDATA[Il existe de nombreux sites permettant de générer des comptes à rebours pour un blog. Ceux-ci sont souvent en anglais et limités. Mais si le javascript est activé pour votre blog vous pouvez également créer votre compte à rebours personnalisé. Voici par... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[SCRIPT] $ et $$ : sélection d'éléments en Javascript]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/script-et-selection-d-elements-en-javascript-a107718564]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/script-et-selection-d-elements-en-javascript-a107718564</guid>
    <pubDate>Wed, 30 Apr 2014 07:35:33 +0200</pubDate>
    <description><![CDATA[En javascript on peut rechercher un élément particulier avec les fonctions getElementById, getElementsByClassName, getElementsByTagName. C'est vite compliqué ; on peut remplacer avantageusement ces fonctions par les fonctions $ et $$. $ permet de rechercher... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[SCRIPT] Afficher des messages d'informations temporaires (splash screen)]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/script-afficher-des-messages-d-informations-temporaires-splash-screen-a107625432]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/script-afficher-des-messages-d-informations-temporaires-splash-screen-a107625432</guid>
    <pubDate>Tue, 22 Apr 2014 07:05:50 +0200</pubDate>
    <description><![CDATA[On voit parfois des messages en bleu, lorsqu'on suppprime un article par exemple : Ces messages se ferment lorsqu'on clique dessus, ou automatiquement après quelques instants. Pour en afficher un, il suffit d'appeler la fonction Javascript Design.addSplash.... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Ajouter du texte au module Newsletter et agrandir les éléments]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-ajouter-du-texte-au-module-newsletter-et-agrandir-les-elements-a107577380]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-ajouter-du-texte-au-module-newsletter-et-agrandir-les-elements-a107577380</guid>
    <pubDate>Sat, 19 Apr 2014 11:47:34 +0200</pubDate>
    <description><![CDATA[Voici à gauche un module Newsletter standard, et à doite le module amélioré (celui de ce blog) : On a : ajouté du texte en rouge et en italique élargi la zone de texte de saisie élargi le bouton Ces modifications sont faites uniquement avec du code CSS.Inutile... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[SCRIPT] Ranger ses fonctions Javascript dans un module masqué]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/script-ranger-ses-fonctions-javascript-dans-un-module-masque-a107463372]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/script-ranger-ses-fonctions-javascript-dans-un-module-masque-a107463372</guid>
    <pubDate>Wed, 09 Apr 2014 08:29:29 +0200</pubDate>
    <description><![CDATA[On peut trouver, sur divers blogs et sur le forum, de nombreuses fonctions écrites en javascript. Ces fonctions peuvent être réutilisées dans plusieurs articles.Inutile donc de les écrire en doublon dans chacun des articles, il vaut mieux les écrire dans... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[SCRIPT] Afficher des fenêtres de même style que celles d'Eklablog]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/script-afficher-des-fenetres-de-meme-style-que-celles-d-eklablog-a107463126]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/script-afficher-des-fenetres-de-meme-style-que-celles-d-eklablog-a107463126</guid>
    <pubDate>Wed, 09 Apr 2014 07:25:21 +0200</pubDate>
    <description><![CDATA[Vous devriez voir ceci à l'écran : On note la présence du titre et le contenu avec une image et du texte en gras. Un bouton OK a été ajouté pour reproduire le comportement de la fenêtre simple affiché avec la fonction alert. Ces fenêtres sont intéressantes... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Info-bulles en CSS sans Javascript]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-info-bulles-en-css-sans-javascript-a107359018]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-info-bulles-en-css-sans-javascript-a107359018</guid>
    <pubDate>Wed, 02 Apr 2014 06:36:00 +0200</pubDate>
    <description><![CDATA[Une info-bulle est un texte qui s'affiche généralement lorsqu'on survole un élément de la page.Cela permet d'ajouter des petits textes d'aide ou d'information. On les utilise par exemple sur les liens : pour voir une info-bulle, survolez ce texte. L'info-bulle... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Ajouter une ombre au titre et au slogan de l'en-tête]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-ajouter-une-ombre-au-titre-et-au-slogan-de-l-en-tete-a107183408]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-ajouter-une-ombre-au-titre-et-au-slogan-de-l-en-tete-a107183408</guid>
    <pubDate>Fri, 21 Mar 2014 08:19:36 +0100</pubDate>
    <description><![CDATA[Dans l'en-tête de ce blog vous pouvez voir un ombrage sous le titre et le slogan (pour peu que vous ayez un navigateur assez récent). Cela est très facile à réaliser avec du code CSS. Voir cet article pour une première découverte du CSS : Mon premier... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Les sélecteurs CSS, comment formater une liste hiérarchique ?]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-les-selecteurs-css-comment-formater-une-liste-hierarchique-a106949204]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-les-selecteurs-css-comment-formater-une-liste-hierarchique-a106949204</guid>
    <pubDate>Tue, 11 Mar 2014 15:05:21 +0100</pubDate>
    <description><![CDATA[Le but de cet article est de colorer dynamiquement les différents niveaux d'une liste numérotée d'un article. Avant Après Je ne vais pas détailler ici tous les sélecteurs possibles.Les types de sélecteur sont détaillés ici : Les sélecteurs en CSS3 Créez... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[HTML] Structure d'un blog Eklablog]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/html-structure-d-un-blog-eklablog-a106945276]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/html-structure-d-un-blog-eklablog-a106945276</guid>
    <pubDate>Tue, 11 Mar 2014 08:32:08 +0100</pubDate>
    <description><![CDATA[Afin de pouvoir agir sur les éléments du blog, il est indispensable de savoir les repérer et visualiser la manière dont il sont définis (identifiant, nom, classe...). Pour visualiser comment est construit une page internet, vous pouvez afficher la source... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[[CSS] Mettre en évidence le titre d'un article]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/css-mettre-en-evidence-le-titre-d-un-article-a106907602]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/css-mettre-en-evidence-le-titre-d-un-article-a106907602</guid>
    <pubDate>Mon, 10 Mar 2014 14:52:40 +0100</pubDate>
    <description><![CDATA[Le titre de cet article a été modifié pour : afficher une image « Nouveau » ; mettre le texte en bleu, gras et légèrement plus grand. Ce résultat est obtenu avec du code CSS, ajouté dans le menu :« Apparence » => « Modifier le thème » => « Ajouter du... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[Mon premier code HTML - Centrer du texte à côté d'une image]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/mon-premier-code-html-centrer-du-texte-a-cote-d-une-image-a106831958]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/mon-premier-code-html-centrer-du-texte-a-cote-d-une-image-a106831958</guid>
    <pubDate>Wed, 05 Mar 2014 08:35:36 +0100</pubDate>
    <description><![CDATA[Dans Eklablog, on écrit ses articles avec un éditeur (pour information c'est TinyMCE).Cela permet, sans connaissance du langage HTML, d'écrire du texte formaté, d'ajouter des images... Cependant il n'est pas possible de tout faire avec cet éditeur visuel.Par... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[Mon premier code CSS - images au coins arrondis avec ombrage]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/mon-premier-code-css-images-au-coins-arrondis-avec-ombrage-a106831812]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/mon-premier-code-css-images-au-coins-arrondis-avec-ombrage-a106831812</guid>
    <pubDate>Wed, 05 Mar 2014 08:23:21 +0100</pubDate>
    <description><![CDATA[Dans cet article, les images ont des coins arrondis et un ombrage. Nous allons détailler la procédure pour accomplir cet effet. Si ne voyez pas d'effet particulier sur les images de cet article, c'est sans doute que votre navigateur est trop ancien ;... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
                    <item>
    <title><![CDATA[Mon premier code Javascript - afficher un message]]></title>
    <link><![CDATA[https://gerer-mon-blog.eklablog.fr/mon-premier-code-javascript-afficher-un-message-a106812026]]></link>
    <guid>https://gerer-mon-blog.eklablog.fr/mon-premier-code-javascript-afficher-un-message-a106812026</guid>
    <pubDate>Tue, 04 Mar 2014 08:35:19 +0100</pubDate>
    <description><![CDATA[Pour utiliser Javascript, il faut au préalable demander aux responsables de l'activer sur vos blog, en passant par le formulaire de contact. Voici un petit code javascript qui affiche une fenêtre avec un message : Code Javascript Tout sélectionner alert("Bonjour");... ]]></description>
        <dc:creator><![CDATA[-Thierry-]]></dc:creator>
    </item>
            </channel>
</rss>

