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.

12.05.2009

Intégrer le style citation à la feuille de styles

Après avoir jouer à être "border line", puis avoir exploré les espaces intérieurs (et au-delà), nous en sommes arrivés à l'intégration du style citation dans la feuille de styles. Et nous allons enfin aborder la logique de la montre carrée...

Voilà où nous avions laissé notre style citation :

Malgré l'autorité de la chose jugée, beaucoup de personnes se donnent le ridicule de rendre un écrivain complice des sentiments qu'il attribue à ses personnages ; et, s'il emploie le je, presque toutes sont tentées de le confondre avec le narrateur.

Balzac (Le Lys dans la vallée)

Lire la suite

10.05.2009

Un style pour les citations avec "margin" et "padding"

Créer un sytle pour les citations nous a déjà permis de revenir sur les bordures, c'est au tour des espaces intérieurs et extérieurs... Voire entre les deux.

J'ai ajouté une couleur de fond à notre style, pour que la démonstration à propos des espace soit plus visible. Cela nous donne ceci :

Malgré l'autorité de la chose jugée, beaucoup de personnes se donnent le ridicule de rendre un écrivain complice des sentiments qu'il attribue à ses personnages ; et, s'il emploie le je, presque toutes sont tentées de le confondre avec le narrateur.

Balzac (Le Lys dans la vallée)

<p style="background-color:#ddb866;
border-left-style:dashed; border-left-width:3px; border-left-color:#662600;
text-align:left; font-style:italic">
Malgré l'autorité de la chose jugée, beaucoup de personnes se donnent le ridicule de rendre un écrivain complice des sentiments qu'il attribue à ses personnages ; et, s'il emploie le je, presque toutes sont tentées de le confondre avec le narrateur.<br /><br />
Balzac (Le Lys dans la vallée)
</p>

Le texte colle à la bordure de gauche, ce n'est pas très joli, et la citation se distinguerait plus encore du corps de texte si nous pouvions ajouter un décrochage. Ces deux paramètres se gèrent indépendamment.

Lire la suite

10:30 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : css, border, margin, padding, citation, style | |  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

14.04.2009

Créer un style pour les commentaires

Cette note a d'abord été publiée le 10 mars dernier, mais elle méritait d'être revue compte tenu des évolutions récentes imposées aux commentaires. Et elle le sera peut-être bientôt puisque cela va encore bouger de ce côté d'après la dernière newsletter de la plateforme.

Pour la personnalisation des commentaires, j'avais préconisé la modification du modèle de la page "lien permanent", l'insertion d'une instruction Html pour appeler un style disctinct à créer dans la feuille de style. Cela n'est plus nécessaire aujourd'hui, car la plateforme a modifié ses modèles et utilise d'emblée des styles distincts pour le contenu de la note, les commentaires, et selon qu'ils ont été proposés par des invités ou par l'auteur du blog (du moins une personne ayant donné l'adresse de courrier électronique que ce dernier a enregistré dans son compte Hautetfort). D'une certaine façon cela nous facilite les choses, à condition de retirer ses moufles avant de modifier la feuille de styles.

Je pars du principe que vous avez suivi les manipulations exposées dans la note du Blog.Hautetfort pour Distinguer ses réponses au sein des commentaires.

Lire la suite

13:00 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (1) | Tags : hautetfort, aspire, commentaire, css | |  del.icio.us | | Digg! Digg |  Facebook