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

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

11.11.2009

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