Javascript, CSS, HTML et astuces diverses

[CSS] Modifier le rendu de la galerie

Par -Thierry-

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

Lire la suite

[CSS] Modifier un élément sur deux

Par -Thierry-

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

Lire la suite

[QUIZ] Démo de quiz

Par -Thierry-

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

Lire la suite

[QUIZ] Insérer des quiz dans Eklablog

Par -Thierry-

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

Lire la suite

[CSS] Retirer un visiteur de la liste des derniers visiteurs

Par -Thierry-

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

Lire la suite

[CSS] Déplacer un élément dans l'en-tête du blog

Par -Thierry-

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

Lire la suite

[SCRIPT] Insérer un compte à rebours sur le blog

Par -Thierry-

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

Lire la suite

[SCRIPT] $ et $$ : sélection d'éléments en Javascript

Par -Thierry-

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

Lire la suite

[SCRIPT] Afficher des messages d'informations temporaires (splash screen)

Par -Thierry-

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

Lire la suite

[CSS] Ajouter du texte au module Newsletter et agrandir les éléments

Par -Thierry-

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

Lire la suite