Eklablog : Javascript, CSS, HTML et astuces diverses
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....
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...
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,...
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...
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...
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...
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");...
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...
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...
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...
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...
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...
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...
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...
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 ;...
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...
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...
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...
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...
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...
