… vu sur un autre blog WordPress…

YoWindow.com

 
 

 

 

1 commentaire

… puisqu’il faut se mettre au HTML, autant le faire agréablement…

J’ai déniché un tout petit freeware d’apprentissage Teach Me HTML là http://www.pinsoft.com.au/teachhtml.htm, bien qu’en anglais, son utilisation est intuitive . On est guidé caractère par caractère :

2010 10 25 A

Et il a le grand avantage d’utiliser pédagogiquement les couleurs :

2010 10 25 B

Enfin on prévisualise directement sur l’écran de notre navigateur le résultat de la manip. :

2010 10 25 C

D’après l’éditeur, il suffirait d’une heure pour acquérir de bonnes bases.

Je crois que ce que nous apprendrons avec lui suffira largement à nos besoins, en complément de Writer, de l’éditeur de WordPress (et pour moi d’un bouquin que je m’étais procurée ici  juste avant les grèves pour 15 € : Premiers pas en CSS et XHTML par Francis DRAILLARD aux Ed° EYROLLES qui se lit facilement).

3 Commentaires

“Vous pouvez utiliser ces balises et attributs HTML …”

2010 10 25 A 00

Pourquoi faire ?

pour modifier l’aspect du commentaire.

Les balises que nous offre WordPress pour les commentaires

Prenons tout de suite de bonnes habitudes, quand on ouvre une balise, il faut la fermer après, donc en premier la balise d’ouverture, entre les signes < et > , en second la balise de fermeture, la même, entre les signes </ et >. Entre les deux, le texte dont vous voulez modifier l’aspect dans votre commentaire.

<a href="" title=""> et </a href="" title=""> encadrent un titre en y ajoutant un lien

<abbr title=""> et </abbr title=""> encadrent un titre

<acronym title=""> et </acronym title=""> encadrent un titre acronyme
<b> et </b> encadrent un texte en gras, équivaut à un clic sur G après sélection dans Writer,
<blockquote cite=""> et </blockquote cite=""> encadrent une citation indentée,
<cite> et </cite> encadrent une citation,

<code> et </code> encadrent une instruction,

<pre> et </pre> encadrent un texte préformatté en conservant les espaces, les retours à la ligne et les tabulations,

<del datetime=""> et </del datetime=""> encadrent
<em> et </em> encadrent un texte avec emphase,
<i> et </i> encadrent un texte q en italique, équivaut à un clic sur I après sélection dans Writer,
<q cite="">  et </q cite="">  encadrent un texte qui apparaîtra entre guillemets,
<strike> et </strike> encadrent un texte barré, équivaut à un clic sur a après sélection dans Writer,
<strong>  et </strong> encadrent un texte avec forte accentuation rendue par du gras.

Exemples :

J’ai copié-collé les lignes suivantes en commentaire chez moi

<a href="" title="">titre</a href="" title="">

<abbr title="">titre</abbr title="">

<acronym title="">titre acronyme</acronym title="">
<b>texte en gras</b>
<blockquote cite="">citation indentée</blockquote cite="">
<cite>citation</cite>
<code>instruction</code>
<pre>texte préformatté en conservant les espaces, les retours à la ligne et les tabulations</pre>
<del datetime=""> et </del datetime=""> 
<em>texte avec emphase</em>
<i>texte en italique</i>
<q cite="">texte entre guillemets</q cite=""> 
<strike>texte barré</strike>
<strong>texte avec forte accentuation rendue par du gras</strong>
Voici un copié-collé de ce que ça a donné :

titre

titre

titre acronyme
texte en gras

citation indentée

citation
instruction

texte préformatté en conservant les espaces, les retours à la ligne et les tabulations

et
texte avec emphase
texte en italique
texte entre guillemets
texte barré
texte avec forte accentuation rendue par du gras

On peut utiliser plusieurs balises pour un même texte mais

on doit fermer d’abord la dernière balise, puis l’avant dernière et ainsi de suite.

16 Commentaires

… dentelle fractale, re…

Au départ deux choses :

enregistrement directement en 200*200 pixels

et volonté de pouvoir utiliser un quart du motif comme coin :

2010 10 24 B 00 2010 10 24 B 01 2010 10 24 B 02

2010 10 24 B 03 2010 10 24 B 04

et là, je me suis dit et pourquoi pas une dentelle en dégradé de couleurs ?

2010 10 24 B 04' 2010 10 24 B 05 2010 10 24 B 06

2010 10 24 B 07 2010 10 24 B 08

ce n’est pas deux fois la même : la seconde a été nettoyée de tout un tas de pixel gris parasites

2010 10 24 B 09 2010 10 24 B 10 2010 10 24 B 11

un petit gradient semi-transparent pour finir

2010 10 24 B 12

avec les couleurs permutées par Effets / Color / Color Flip/Rotate

2010 10 24 B 13

10 Commentaires

Dentelle fractale de A à Z

003

jusqu’à présent, le freeware me permettait d’avoir des images carrées de 500*500 pixels m’imposant un nécessaire travail sur les tracés

enregistré en 300*300 pixels (et en .bmp, on n’a pas le choix) SnowFlake 002A

puis réduit à 100*100 pixels, cela donne : SnowFlake002A'

alors que directement enregistré en 100*100 pixels nous obtenons : SnowFlake 001A

  • récupérons la moitié inférieure du premier 004

SnowFlake002A''

  • inversons l’intensité des couleurs et rendons le fond transparent

SnowFlake002A'''

  • choisissons une jolie couleur mauve

005

SnowFlake002A''''

  • sous un zoom de 400, confectionnons le cadre de 800*600 pixels,

il va dépasser dans la colonne de droite, mais il faut que ses deux dimensions soient multiple entier de 200 pixels qui est la largeur de la tuile.

2010 10 23 B 00

  • redimensionnons le dessin à 600 pixels de large, soit un rectangle de 600*450 pixels

ScreenSho014

  • agrandissons la zone de dessin en prévoyant un cadre rectangulaire de 10 pixels d’épaisseur, soit un rectangle de 620*470 pixels

ScreenShot006

  • sous un zoom de 800 sélectionnons un rectangle que nous remplissons avec la couleur mauve semi-transparente repérée à la pipette sur le motif de la dentelle,

ScreenShot 014

  • nous répétons trois fois l’opération pour avoir le cadre entier mauve semi-transparent et fusionnons les cinq calques

2010 10 23 B 01

  • finissons par deux rectangles de 1 pixel de large mauve opaque repéré à la pipette sur un motif tracés sous un zoom de 800 que nous doublerons pour une meilleure finition :

ScreenShot017

2010 10 23 B 02

 

2010 10 23 B 03

le cadre est terminé

1 commentaire