Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

27.11.2009

Pourquoi et comment adapter des feuilles de styles pour l'impression et les mobiles ?

Vous considérez peut-être avoir assez de difficultés comme cela avec une feuille de styles pour ne pas vous ennuyer avec plusieurs. Avez-vous essayé d'imprimer l'une de vos notes, d'en lire une sur un écran de téléphone portable ? Si certains services existent pour vous faciliter la tâche, vous pouvez tenter d'améliorer les différents rendus de votre blog par vous-même. Voyons d'abord le principe.

 

Lire la suite

09:50 Écrit par Gee Mee dans Configuration avancée, Modèles, images et CSS | Lien permanent | Commentaires (2) | Tags : css, media, imprimer, handheld, iphone, blog, mobile | |  del.icio.us | | Digg! Digg |  Facebook

24.11.2009

Votre blog se nourrit de commentaires.

Cette évidence a conduit le service hautETfort à améliorer l'échange et le suivi de commentaires au sein d'un blog.

En plus de gérer les contributions de vos visiteurs, vous pouvez afficher les avatars des utilisateurs de Gravatar, créer le "fil" des commentaires, et personnaliser l'affichage de vos réponses.

Lire la suite

10:30 Écrit par Kielut dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : commentaires, fil de discussion | |  del.icio.us | | Digg! Digg |  Facebook

20.11.2009

De la complainte des modèles et templates supplémentaires

Une récente note d'Osmany sur le blog Hautetfort tentait de mettre en valeur les modèles disponibles dans la formule payante. Las, comme toujours, les commentaires laissent entendre que cela n'est pas suffisant.

Lire la suite

10:59 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (3) | Tags : modèle, template, hautetfort, blogspirit, blogtuto | |  del.icio.us | | Digg! Digg |  Facebook

17.11.2009

Personnaliser "Tags populaires" pour accéder à tous les tags dans la page "toutes les archives"

Cet élément de colonne par défaut propose les 10 tags les plus populaires dans votre blog. Pour accéder à tous les autres, il faut se rendre dans la page "Toutes les archives". Voyons comment favoriser un accès direct à l'ensemble des tags. Il nous faudra d'abord avoir des "ID" clairs dans le modèle "Toutes les pages", puis établir des liens hypertextes.


Personnalisons le modèle de page "Toutes les archives"

Il nous faut être précis, car plusieurs modèles de page comportent le mot "archives". Par ordre d'apparition à l'écran, dans la liste des modèles accessibles en configuration avancée, on a "Modèle de la page archives", "Toutes les archives" et "Modèle de la page toutes les archives".

C'est bien la seconde qui nous intéresse. On y trouve toutes les périodes d'archivage des notes, toutes les catégories, et tous les tags.

Lire la suite

Installez un menu déroulant au bas de votre calendrier pour naviguer dans les archives

Depuis la généralisation des menus qui se déplient sur plusieurs niveaux, l'utilisation de menus déroulants à des fins de navigation s'est considérablement amenuie. Devant la difficulté d'installer vous-même des menus "dépliants", et devant les résultats très variables selon les navigateurs, je vous propose de retourner à ces bonnes vieilles "drop-down list". D'autant que l'on peut en profiter pour pallier la carence de navigation vers les mois précédents et suivants dans le calendrier des blogs Hautetfort. (Note initialement publiée le 4 octobre)

Comment créer un simple menu déroulant
Le principe est d'utiliser un code en javascript qui va afficher une liste. La sélection d'un libellé "passera" une adresse et déclenchera l'ouverture de la page visée. C'est basique, pas très joli, mais ça marche très bien. Habituellement, il est recommandé de placer le code principal du script dans l'en-tête <head>, puis les appels de paramètres dans le corps de la page. J'ai pu expérimenter le bon fonctionnement du code, malgré une intégration dans le corps seulement de la page.
Pour vous, c'est une bonne nouvelle, vous n'aurez qu'à créer un élément de colonne, sans avoir à modifier le <head> de tous les modèles de page pour insérer le script principal.

À titre d'exemple, vous trouverez un menu dans la colonne à ce niveau là, et en voici le code :

Lire la suite

13.11.2009

Participez, votez pour le "Very Nice Blog"

Ce dimanche 15 novembre à minuit seront closes les inscriptions au VNB #2. C'est plus que jamais le moment d'aller voter pour les blogs qui vous paraissent mériter de gagner. Les 10 candidats les plus commentés, ayant reçu le plus de votes seront qualifiés pour la finale. Résultats le 30 novembre prochain.

D'ici dimanche, s'inscrire et obtenir des votes parait chose difficile, mais participer à la sélection en votant, en commentant ceux qui méritent de l'être, c'est plus que possible. Un blog vous plait, manifestez-vous et mobilisez (gentiment) ceux qui pourraient partager votre intérêt.

Vous ne pouvez voter qu'une fois pour un blog, mais vous pouvez voter pour plusieurs blogs. Le jury désignera un gagnant par plateforme, et les candidats Hautetfort sont ici.

(Mise à jour d'une note publiée le 8 septembre)

Lire la suite

15:10 Écrit par Gee Mee | Lien permanent | Commentaires (8) | Tags : very nice blog, blogtuto, lavande | |  del.icio.us | | Digg! Digg |  Facebook

11.11.2009

Créer une image translucide avec GIMP

Nous avons déjà vu comment afficher une image d'arrière-plan translucide, mais pas encore comment la créer. Voici une méthode simple à mettre en œuvre avec GIMP.

Étape par étape :

1. Créer un nouveau fichier
2. Spécifier un arrière-plan transparent
3. Sélectionner l'outil de remplissage
4. Régler le niveau d'opacité
5. Sélectionner la couleur de remplissage
6. Remplir
7. Enregistrer le fichier au format PNG

La vidéo est hébergée par Viméo, et vous la trouverez ci-dessous. Je vous remercie de votre indulgence, c'est ma première.

Lire la suite

16:52 Écrit par Gee Mee dans Traitement d'image, Vidéo | Lien permanent | Commentaires (5) | Tags : arrière-plan, translucide, transparent, gimp, png, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

Afficher un arrière-plan translucide sur une image de fond

C'est certainement du B-A-Ba pour les graphistes et autres web-designers, mais il a fallu que je trouve un blog utilisant l'effet que je cherchais pour comprendre. Vous avez trouvée une chouette image d'arrière-plan, mais l'on n'arrive plus à vous lire sur ce fond. L'idéal serait de pouvoir l'atténuer, le descendre (ah pardon c'est en papier ça), pour gagner en lisibilité sans trop perdre en décor.

En jetant un œil aux récents candidats du Very Nice Blog, j'ai découvert le blog Arkino 3.0 qui propose d'explorer le Concept Abstrait de l'Optimisme Relatif. Il n'y a pas que la poésie du titre pour valoir le détour, et je pourrais vous parler de sa mise en forme originale et sans trop de fioritures, d'un graphisme sympathique et soigné sans être précieux... Mais je ne vous parlerai que d'un détail, d'une anecdote, un rien du tout pourtant très utile.

Visitez-le et vous verrez, entre autres choses, que les éléments de colonne sont encadrés en pointillés (ça on sait faire) avec un fond translucide qui permet de voir l'image d'arrière plan. Et ça, je ne savais pas.

(Cette note créée le 15/09/09 a été mise à jour le 11/11/09, avec la publication de Créer une image image translucide)

Lire la suite

10.11.2009

Coller n'est pas jouer

Dès que l'on souhaite aligner plus de trois mots, rédiger une note directement avec l'éditeur Hautetfort devient pénible. Dès lors, la tentation est grande de rédiger dans son traitement de texte favori, et de procéder par copier / coller. Mais à cette tentation là aussi, il est souhaitable de résister.

Pourtant ça marche, je ne vois pas où est le problème, me direz-vous, en ajoutant in petto, "mais de quoi je me mêle ?" Apparemment cela fonctionne effectivement, et la différence n'est pas toujours immédiatement visible entre un texte directement rédigé dans l'éditeur, et un autre issu d'un copier / coller. Surtout si vous veillez à n'appliquer de mise en forme qu'à partir de l'éditeur.

Seulement voilà, sans le savoir, vous surchargez votre note d'un code inutile et d'instructions parasites. Procédons par l'exemple.

Cette note a été intialement publiée le 6 novembre 2008, mais maintenant il y a une vidéo !

Lire la suite

10:30 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (14) | Tags : blog, copier, coller, éditeur, word, vidéo | |  del.icio.us | | Digg! Digg |  Facebook

06.11.2009

Protéger ses photos de blog

Soyons lucide! Rien n'empêche un esprit mal intentionné de s'emparer d'une photo par une simple capture d'écran.

Ne devenons pas parano! Parmi les solutions ici testées, vous en trouverez une suffisamment dissuasive.

 

Lire la suite

10:30 Écrit par Kielut dans Traitement d'image | Lien permanent | Commentaires (0) | Tags : protéger, photo, image, blog, vol | |  del.icio.us | | Digg! Digg |  Facebook