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.06.2009

Insérer des images, pour que le moins souvent, ça l'affiche mal

Vous n'avez besoin de personne pour insérer une image dans une note, mais il peut tout de même être utile de faire le point sur les différentes méthodes disponibles. Dans de prochaines notes, nous aborderons l'affichage de galeries et autres collections d'images, sans qu'il s'agisse d'album ou de photoblog.

Vous n'avez pas mis longtemps à savoir insérer une image. Dans l'éditeur de notes, vous cliquez sur l'icône représentant un arbre dans un cadre, et la fenêtre suivante s'ouvre alors à vos yeux éblouis.

HF_ins_image.jpgLa plupart du temps vous "Choisissez un fichier" en cliquant sur le bouton "Parcourir..." pour explorer votre machine, vos supports mémoire, afin de récupérer la belle image.

Éventuellement, vous ajoutez des "Tags" pour faciliter la recherche. C'est ce qui permettra de faire remonter votre image, et donc votre note quand quelqu'un fait une recherche sur le portail Hautetfort.

Viennent ensuite les "Propriétés d'affichage" qui vous permettront d'aligner l'image et le texte alentour.

Lire la suite

17:19 Écrit par Gee Mee dans Personnaliser son blog, Traitement d'image | Lien permanent | Commentaires (7) | Tags : insérer, image, border, bordure | |  del.icio.us | | Digg! Digg |  Facebook

06.05.2009

Un style pour les citations avec la propriété « border »

Dans un contexte toujours plus tendu autour de la propriété intellectuelle, il conviendrait de ne pas négliger la bonne présentation des extraits de texte auxquels vous souhaitez réagir, ou que vous utilisez pour illustrer votre propos.

La mise en forme des citations fait parfois partie des styles par défaut proposés dans les éditeurs de note des plateformes de blog, mais pas chez Hautetfort pour l'instant. Comme nous avons créé un style pour le code, nous allons en créer un autre pour les citations en abordant en trois notes : les bordures, les marges, et cette logique bizarre de montre carrée.

En CSS, "border" vous permet de créer une bordure autour de votre texte, vous pouvez très simplement l'utiliser en style attaché à un paragraphe de cette façon.

Exemple de texte avec "bordure".

<p style="border-style:solid; border-width:1px; border-color:#000;">Exemple de texte avec "bordure".</p>


Style de trait, épaisseur et couleur

Il est recommandé de donner ces propriétés dans cet ordre, même si certains navigateurs "supportent le désordre".

Les styles de trait les plus courants sont : continu (solid), avec des tirets (dashed), avec des points (dotted), ou doublé (double). Il en existe d'autres.

La commande de l'épaisseur se fait avec « width », généralement en pixels, mais éventuellement avec des adjectifs (length, thin, medium, thick). Notez qu'il est utile d'avoir au moins 3 pixels d'épaisseur pour avoir deux lignes visibles. De même, pour voir les points passer de « carrés » à « ronds » faut-il leur accorder un minimum de largeur.

La couleur se commande avec « border-color ».

Lire la suite

13:26 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : css, border, bordure, cadre, citation, style | |  del.icio.us | | Digg! Digg |  Facebook