Fariboles, billevesées et autres propos

Aller au contenu | Aller au menu | Aller à la recherche

Tag - Gandiblog

Fil des billets

lundi 21 avril 2008

Du texte de toutes les couleurs et en toutes les tailles

Par Ysabeau le lundi 21 avril 2008, 19:35 - Tutoriels

À ma gauche un gandiblog dans lequel on veut mettre du texte de toutes les couleurs.

À ma droite quelqu'un qui ne connaît même pas le début du commencement des codes html  et  xhtml.
Entre les deux il faut quelque chose. Par exemple Kompozer.

Avantage :

Il est gratuit !

Ce texte devient carrément immonde, mais passons.

Procédure de saisie :

Saisir le texte, le mettre en forme... euh il est hautement conseillé d'en faire moins que sur celui-ci. On utilisera les icônes
de la barre d'outils Mise en forme ou ce qui est proposé dans le menu Format.

Quand le résultat est conforme à ce que l'on désire, cliquer sur Source, en bas de l'écran. Copier ce qui se trouve entre les balises : <body>   </body>

Création du billet :

Créer un nouveau billet sur le gandiblog. Vérifier que xhtml est bien le format d'édition choisi (colonne de droite).
Cliquer sur Source en bas de la fenêtre et coller le tout entre les balises <p> et </p>.

Après vous savez faire (enfin j'espère).

mardi 2 octobre 2007

Une vignette et une photo

Par Ysabeau le mardi 2 octobre 2007, 16:52

Si on veut ouvrir une image à partir d'une vignette.  Prenons l'exemple de la bonne fée (enfin il paraît) Caradjinne. Là elle est en petit et pas cliquable.



Voilà comment faire :


1/ A l'aide d'un logiciel de dessin ou d'un éditeur d'image, faire la vignette en sélectionnant une portion de l'image.
Hum, inutile de pirater un logiciel pour ce faire, l'utilitaire de Windows Paint, par exemple fait ça très bien, la preuve :


Copier-coller cette sélection dans une nouvelle image.

2/ Importer toutes les photos nécessaires sur le gandi-blog.

3/ Relever l'adresse de la grande image

4/ Intégrer la vignette dans le billet, la sélectionner et cliquer sur l'outil Insérer un lien .


Image sélectionnée



4/Dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précédemment copiée :


Cliquez sur l'image et vous verrez le résultat.
Si on veut que l'image s'affiche dans une autre fenêtre, il  vaut mieux le prévoir dès le début et passer en xhtml, cela se sélectionne  dans la colonne de droite :

Ensuite on, clique sur source en bas de l'écran : et on tape target="blank" entre l'adresse et le > de fermeture de la balise a href.
<a href=
Cela donne :