Archives par Tags :tutoriels

WordPress : afficher une blogroll contextuelle

La blogroll, c’est en général le grand fourre tout voir bien souvent le grand n’importe quoi. On affiche d’un coup des tonnes de liens, ça prend une place folle dans la sidebar à tel point que de nombreux blogueurs la placent dans une page dédiée voir la supprime totalement. Comme vous l’avez peut être constaté, […]

Lire : WordPress : afficher une blogroll contextuelle

Faire défiler vos derniers commentaires sous Dotclear ou WordPress avec jQuery – Mise à jour

EDIT du 29 Juillet 2007 : changement de script, donc nouvelle publication du tutoriel. Toutes mes excuses également aux personnes qui ont essayé d’implémenter le script de défilement à partir du tutoriel, j’avais laissé une coquille dans le chemin d’accès des fichiers JS et je viens de m’en rendre compte.

Comme quoi, les dimanche pluvieux…

Lire : Faire défiler vos derniers commentaires sous Dotclear ou WordPress avec jQuery – Mise à jour

L’AJblog n’est pas une hotline

Tout comme Eric Dupin de presse citron qui publie ce matin une mise au point sur les abus de demandes par mail, je tiens à préciser certains points quant aux sollicitations de plus en plus fréquentes que je reçois par email. Pour des problèmes techniques : Je ne suis pas un SAV de vos problèmes […]

Lire : L’AJblog n’est pas une hotline

Correction d’exercice : un menu en rollover façon "dock" Mac

Pour rappel, l’exercice ce trouve à cette adresse : Exercice CSS : un menu en « rollover façon « Dock Mac »

Comme il y a deux exercices pour le prix d’un seul, et le corrigé risque d’être un peu long, on va donc cliquer sur « lire la suite… »

Lire : Correction d’exercice : un menu en rollover façon "dock" Mac

Exercice CSS : un menu en "rollover façon "Dock Mac"

Voila, après le teasing, voici l’exercice en entier, même si je sais que certains d’entre vous on déjà commencé à creuser le problème.

Aujourd’hui, nous avons deux exercices au lieu d’un seul.

Pourquoi deux ? Pour pouvoir gérer des différences de niveau de maitrise des outils, nous aurons donc une version « simple » de l’exercice accessible même aux débutants et une version plus complexe pour que les « cadors » puissent se creuser les neurones.

C’est parti !

Lire : Exercice CSS : un menu en "rollover façon "Dock Mac"

Correction d’exercice CSS : un pied de page qui dépasse sur le contenu

Pour rappel :

Le lien vers l’exercice : Exercice CSS : un pied de page qui dépasse sur le contenu

Et les consignes :

Un pied de page qui dépasse sur le contenu de la page

  • Objectif : à la fin de cet exercice, vous serez, normalement, capables, de positionner des éléments graphiques inclus dans la partie appelée « pied de page » de façon à ce qu’ils se superposent avec des contenus présents dans des éléments supérieurs de la page (voir image fournie pour une meilleure visualisation).
  • Niveau de difficulté : complexe
  • Difficulté détectée : Mise en page en trois colonnes, la colonne de gauche à un fond de couleur.
  • Pré requis techniques : connaitre les balises html, bases de CSS, une bonne connaissance des différents types de positionnement et leurs interactions est nécessaire (des sources sont fournies en bas de page).
  • Matériel nécessaire : Un éditeur de texte (ou html) et un logiciel de gestion d’images (the Gimp ou photoshop par exemple).
  • Informations complémentaires : Le design à une largeur fixe, les textes des colonnes visibles dans l’image jointe ne sont là qu’a titre indicatif, il faut, au final, que le texte du contenu central soit clairement positionné comme précisé sur le visuel. Comme toujours, le code html et CSS doivent être valides, c’est le minimum, je vous laisse tout liberté au niveau de contraintes supplémentaires si vous en avez envie. Bien sur au minimum compatible avec les principaux navigateurs du marché.

L’image

miniature de l'image de référence de l'exercice

Pour la suite, c’est par ici…

Lire : Correction d’exercice CSS : un pied de page qui dépasse sur le contenu

Exercice CSS : un pied de page qui dépasse sur le contenu

La semaine dernière, je vous avais parlé d’une maquette à réaliser en urgence. Cette maquette a été acceptée par le client, moyennant quelques petites modifications, mais le prestataire en charge de l’intégration m’est tombée dessus à propos de certaines libertés que j’avais prises d’un point de vue de la mise en page (coucou Myriam ;) […]

Lire : Exercice CSS : un pied de page qui dépasse sur le contenu

Installer dotclear sur un serveur windows IIS

Dotclear est un outil formidable, personnalisable et modifiable à volonté.
Seule Ombre au tableau, les soucis rencontrés pour installer dotclear en auto sur un serveur IIS

Lire : Installer dotclear sur un serveur windows IIS