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.

10.12.2009

Comment et pourquoi modifier la largeur d'affichage de votre blog

La demande est récurrente, même si les motivations me paraissent discutables, et c'est l'un des reproches qui est formulé à l'encontre des templates : "on ne peut pas modifier la largeur d'affichage". Nous aborderons le principe de la méthode, puis nous réfléchirons aux conditions nécessaires à un élargissement pacifique.


Comment élargir l'affichage ?

Cela peut ressembler à une évidence, il faut modifier la largeur (width:) des éléments de la feuille de styles. Nous avons un conteneur (#container) dans lequel nous retrouvons une ou deux colonnes (#right et ou #left), ainsi qu'une partie centrale (#center). Si l'on veut élargir la partie centrale, il faudra aussi agrandir le conteneur en conséquence.

Lire la suite

15:58 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (2) | Tags : modifier, largeur, colonne, afficher | |  del.icio.us | | Digg! Digg |  Facebook

11.09.2009

Modifier le format d'affichage de la date d'une note en la passant sur deux lignes

C'est sans doute passé inaperçu pour la plupart d'entre vous, mais j'ai déjà publié une note sur les différents formats de date disponibles sur la plateforme Hautetfort. Cette courte note illustre l'une des utilisations possibles.

Vous n'avez pas forcément remarqué l'affichage sur deux lignes, avec un libellé court pour le mois, au début de la note. C'est un peu du WP-like, et c'est en tout cas un inhabituel format pour la plateforme.

Dans le modèle de la page d'accueil, le code d'origine est le suivant :

{$post.pubdate|date_format:"`$blog.date_format`"}

Dans mon modèle, c'est désormais le suivant :

{date_header date="`$post.pubdate`"}
<h2 class="date"><span>{$post.pubdate|date_format:"%d"}</span><br />
<span class="month">{$post.pubdate|date_format:"%b"}</span>
</h2>
{/date_header}

Il a d'abord fallu retirer la référence au format de date géré avec l'interface d'administration date_format:"`$blog.date_format`" pour faire référence au format "jour" avec "%d" (pour "day"),
puis au format mois en trois lettres avec "%b" (pour euh... bof).
Tous les formats sont détaillés dans la note : Modifier le format d'affichage de la date

Ensuite il a fallu aménager la feuille de style pour avoir le jour en blanc, et le mois en noir.

Pour ceux qui se posent la question, le mois de juin s'affiche "jun" et le mois de juillet "jui"

Toutes les pages n'utilisent pas le même format, et je dois finir de faire le tour des modèles. Ce n'est pas le seul aménagement que j'ai à faire pour avoir enfin un blog propre, je suis au courant. J'ai d'ailleurs repris le chantier du passage du modèle WP d'origine à un modèle Hautetfort aménagé. La situation était devenue un peu trop instable.

C'est d'ailleurs pour cela que la note d'aujourd'hui ne sera pas plus longue. Bon week-end !

11:01 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : date, afficher, modifier, format | |  del.icio.us | | Digg! Digg |  Facebook

24.08.2009

Personnaliser le Gravatar par défaut, quand même

Vous avez cliqué dans un formulaire de commentaire sur "Pourquoi laisser cette adresse ?", vous trouverez la réponse ci-dessous. Si c'est la méthode d'insertion d'un "gravatar par défaut personnalisé" qui vous intéresse, vous pouvez vous rendre directement à la suite.

Vous avez un gravatar que vous assumez sans peine ?
- Laissez donc votre adresse e-mail.

Vous n'avez pas de gravatar, ou vous ne voulez pas l'afficher ici ?
- Laissez donc l'adresse e-mail déjà inscrite. Elle permet d'afficher un gravatar que j'ai choisi pour son accord avec les couleurs de mon blog.

Vous tenez à me laisser votre adresse ?
- Et pourquoi ne me laisseriez vous pas un message direct dans le formulaire de contact ?

 

Lire la suite

10:55 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (9) | Tags : gravatar, modifier | |  del.icio.us | | Digg! Digg |  Facebook

04.08.2009

Choisissez le lien permanent de vos notes avec adresse

Réfléchir à juste titre, pour avoir des liens permanents qui durent, et rendre un hommage discret à l'une des dernières notes d'Alexandra.

Dans Choisir l'adresse URL de sa note notre Community Manager préférée1 nous annonçait qu'il était désormais possible de modifier l'adresse d'un "lien permanent". Revenons sur le fonctionnement de base et ses enjeux.

Lire la suite

15:05 Écrit par Gee Mee | Lien permanent | Commentaires (0) | Tags : lien, permanent, permalink, titre, date, modifier | |  del.icio.us | | Digg! Digg |  Facebook

17.07.2009

Modifier le format d'affichage de la date

La date de la publication de vos notes, comme des commentaires, est affichée sur votre blog dans un format que vous avez choisi. Mais dans votre irrépressible autant qu'illusoire quête de la maîtrise du temps, vous en voulez sans doute plus. Pour vous, j'ai encore mis les mains dans le code.

Rien de plus bête qu'une date, et pourtant, combien de façons de l'écrire. À l'école sans doute avez-vous appris à écrire en haut de vos cahiers quelque chose comme "Mercredi 1er juillet 2009". À la réserve près qu'à l'époque vous auriez sans doute déjà été en vacances. Depuis vous utilisez plus régulièrement "01/07/09". Entre ces deux extrêmes, il existe de nombreuses possibilités, dont une sélection seulement vous est proposée par Hautetfort.

Lire la suite

10:31 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : date, afficher, modifier | |  del.icio.us | | Digg! Digg |  Facebook

17.05.2009

Modifier le pied de note, avec ou sans les mains.

[Màj] Dans la terminologie locale, le pied de la note est la ligne habituellement constituée de la mention de la date de publication, et du nombre de commentaires, entre autres choses. Vous pouvez le modifier en semi-automatique, et en manuel avec la configuration avancée.


Changez de pied sans les mains


HF_tableau-de-bord_generalites.jpgDans l'interface d'administration, allez dans Tableau de bord, puis Généralités. Sous Propriétés d'affichage, vous trouverez Pied de la note avec la mention des éléments déjà affichés, et le mot Configurer.
Si vous cliquez, tous les éléments disponibles sont proposés, et il ne vous reste plus qu'à cocher tous ceux qui vous intéressent, ainsi que les services 2.0 Si c'est la première fois que vous en entendez parler, sachez que "Add This" permet d'afficher un bouton qui lui même permettra d'utiliser la plupart des services de partage. C'est facile et sans risque de les ajouter, de les retirer, n'ayez pas peur d'essayer.

HF_tableau-de-bord_generalites_pied-de-la-note.jpgLes quelques lignes qui précèdent ne sont pas seulement destinées aux néophytes. Ceux qui sont en configuration avancée, et s'apprêtent à mettre les mains dans le code doivent d'abord passer par ce configurateur et cliquer sur "Enregistrer" au moins une fois pour voir apparaître le pied de la note dans les modèles.

Lire la suite

10:10 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : pied de note, modifier | |  del.icio.us | | Digg! Digg |  Facebook

29.04.2009

Modifier la hauteur d'une colonne pour qu'elle "descende"

Depuis l'antiquité, nous sommes sensibles à l'harmonie des temples grecs, maisons carrées, peristyles et autres colonnades. Alors comment supporter que les colonnes de son blog ne fassent pas ce que l'on souhaite ?

C'est que, ce ne sont pas réellement des colonnes, comme on peut en avoir dans un tableau. Dans un modèle, vous avez la division "droite", la division "centre" et la division "gauche". Peu importe que vous ayez deux divisions seulement, ou dans un ordre personnalisé, dans le code vous retrouverez les trois dénominations que j'ai utilisé. Mais en anglais.

La hauteur d'une division est fonction de son contenu, c'est souvent la partie centrale la plus fournie, qui semble entrainer, les autres. Mais c'est une illusion. La division la plus "haute" détermine la hauteur du conteneur (container), qui lui comprend toutes les divisions. Chaque division a une hauteur propre. D'habitude, cela ne se voit pas. Si vous appliquez une couleur, ou un motif de fond, cela vous apparaîtra.

C'était la question de Thierry du blog Citrouille (Cette fois-ci les enfants qui se perdent ici, DOIVENT se retrouver là-bas avec leurs parents, ou tout adulte argenté pourvu qu'il soit bien intentionné). La colonne de gauche n'est pas assez haute à son goût, l'image de fond ne se poursuivant pas jusqu'en bas du conteneur.

 

Lire la suite

10:31 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (3) | Tags : modifier, colonne, module, hauteur | |  del.icio.us | | Digg! Digg |  Facebook

28.04.2009

Créer un style pour afficher du code

Vous l'avez remarqué, je propose régulièrement de copier du code, le plus souvent des éléments de CSS mais parfois du HTML. Ceux qui sont déjà perdus vont devoir s'accrocher, désolé. Je me propose de le mettre en forme avec un "style", à vous de savoir le faire avec du style.

La problématique est la suivante. Quand vous utilisez un traitement de texte traditionnel, vous appliquez un "style" à une portion du texte et ce texte devient titre de niveau 1, 2, etc. Au "style" sont attachées des propriétés de famille de police, de taille, de mise en forme de caractère et de paragraphe. Ici, pas de style pour les notes, c'est à vous de faire les mêmes manipulations à chaque fois que vous voulez l'équivalent d'un titre 1, 2, etc. C'est vite fastidieux, et surtout, si vous changez d'avis sur ce que doit être un titre 1, vous devez tous les refaire.

L'idéal serait donc de créer des styles, et de pouvoir les mettre en œuvre facilement, une fois dépassée la pénible étape des réglages.

Lire la suite

10:30 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : code, css, style, modifier | |  del.icio.us | | Digg! Digg |  Facebook

07.04.2009

Jouons encore avec la police

Ce mois-ci, la note de décembre dernier a pris un coup de vieux. L'éditeur Hautetfort propose la modification de la famille et de la taille de la police... que c'en est presque trop facile. Mais certains en veulent toujours plus.

Avant que de vous proposer une méthode complémentaire à celle de l'éditeur, permettez-moi un rappel. Copier/coller à partir de word n'est pas jouer. Si vous ne faîtes pas le moindre effort de nettoyer le code avec le bouton situé à côté du contrôle orthographique, vous surchargez vos articles d'instructions inutiles qui vont plomber votre base éditoriale et ralentir toute la plateforme. Maintenant que la mise en forme est facilitée, vous avez d'autant moins d'excuses.

Lire la suite

12:15 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (7) | Tags : modifier, police, famille, family, font | |  del.icio.us | | Digg! Digg |  Facebook