Javascript, CSS, HTML et astuces diverses

[SCRIPT] Ranger ses fonctions Javascript dans un module masqué

Par -Thierry-

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

Lire la suite

[SCRIPT] Afficher des fenêtres de même style que celles d'Eklablog

Par -Thierry-

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

Lire la suite

[CSS] Info-bulles en CSS sans Javascript

Par -Thierry-

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

Lire la suite

[CSS] Ajouter une ombre au titre et au slogan de l'en-tête

Par -Thierry-

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

Lire la suite

[CSS] Les sélecteurs CSS, comment formater une liste hiérarchique ?

Par -Thierry-

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

Lire la suite

[HTML] Structure d'un blog Eklablog

Par -Thierry-

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

Lire la suite

[CSS] Mettre en évidence le titre d'un article

Par -Thierry-

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

Lire la suite

Mon premier code HTML - Centrer du texte à côté d'une image

Par -Thierry-

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

Lire la suite

Mon premier code CSS - images au coins arrondis avec ombrage

Par -Thierry-

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

Lire la suite

Mon premier code Javascript - afficher un message

Par -Thierry-

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");...

Lire la suite