mardi 23 novembre 2010

Des renforts de polices arrivent ;-)

Non, il ne s'agit pas de sécurité mais de typographie !

Pour ceux qui ont adopté Blogger in Draft, de nouvelles polices sont mises à leur disposition afin de varier la présentation de leur blog ou leur donner un caractère plus personnel. (NB)

Pour y accéder Présentation / Outil de création de modèles / Avancé.

Là où il n'y avait précédemment que : Arial, Courier, Georgia, Impact, Times New Roman, Trebuchet et Verdana, une quarantaine d'autres polices font leur apparition sous la rubrique Polices Web.
Et d'autres sont annoncées !

Il suffit donc de cliquer sur le lien Avancé et de sélectionner le type de texte que vous souhaitez modifier avant de lui appliquer le choix de votre nouvelle police.

A vous de jouer.

Vous avez demandé la police : ne quittez pas !

A+

NB : Depuis cette présentation, la fonctionnalité présentée ci-dessus a été généralisée pour tous les utilisateurs (et non plus uniquement aux utilisateurs de Blogger in Draft).

mardi 2 novembre 2010

Utilisation des ancres

L'utilisation des liens hypertexte permet de sauter d'un point d'un message à un autre point très précis par un simple clic.

On peut en trouver l'intérêt lors de la création d'une table des matières ou d'un lexique par exemple, ou pour insérer des retours vers le haut de la page (autre exemple). Nous sommes ici dans le cas de renvoi sur la même page.
On peut, tout aussi bien, sauter directement sur un point situé dans un autre message ou même carrément vers un autre site.

Le lien qui servira de référence, est appelé une ancre.
ce qui donnera en code :
<a href="http://adressedelapagedublog.html name=home>toute cette ligne peut comporter une ancre appelée home.</a>

Lien hypertexte sur une ancre de la même page

Lorsque l'on a créé une ancre, il est donc possible de poser un lien dans le même message pour renvoyer vers cette ancre.
Par exemple, dans la page de ce message il y a une ancre fin déposée à la fin du message.

Pour l'atteindre, il me suffit de mettre la ligne suivante :
Vous pouvez aller directement à la
<a href=http://adressedelapagedublog.html#fin>fin de ce message</a>.
Ce qui donnera :
Vous pouvez aller directement à la fin de ce message.

Liens hypertexte sur une autre page

Maintenant que l'on a compris le principe du lien dans la même page, il suffit de voir comment faire la même chose pour un lien vers un autre message.

Par exemple, si je dis :
Vous pouvez consulter cet
<a href=http://adressedelapagedublog.html>autre message</a>.
Cela donnera :
Vous pouvez consulter cet autre message.

Une fois cette page du nouveau message consultée, on peut vous faire reprendre le fil de cette lecture depuis cette ligne où l'on a inséré l'ancre retour.

Liens hypertexte sur le Web

Ici, pour atteindre une autre page hébergée à une autre adresse, vous pouvez vous servir tout simplement de la fonctionnalité intitulée Associer dans l'interface de rédaction d'un message sous Blogger.

Ainsi pour dire :
Rendez-vous sur mon autre blog De tout et du reste

le système écrira de lui-même :
Rendez-vous sur mon autre blog
<a href="http://detoutetdureste.blogspot.com/">De tout et du reste</a>
_
_
_
_
_
_
_
_
_
_
_
_
_
_
_
Vous êtes à la fin du message

Vous pouvez retourner au début du message en utilisant l'ancre home avec un lien codé ainsi :
<a href="http://adressedelapagedublog.html#home>Retour au début du message</a>
qui donnera en lien actif :
Retour au début du message

Nota : Pour ne pas vous arracher des cheveux, il faut commencer avec un article déjà publié c'est à dire avec des références absolues (l'adresse complète) et non celle du brouillon qui vous sert à travailler.

A+

Lien hypertexte sur une autre page

Après avoir cliqué sur le lien d'un message, on peut arriver, comme ici, sur un nouveau message, c'est à dire hébergé à une autre adresse html.
Le lien a donc bien fonctionné.

Mais on peut aussi prévoir de revenir au message d'origine, après cette consultation, à l'endroit précis que nous avions quitté.

Dans l'exemple précédemment vu, nous avions créé à cette fin une ancre retour et nous voulons tout simplement reprendre la lecture à cet endroit précis.

Il suffit alors dans la page actuelle de créer un lien :

<a href="http://adressedelapagedublog.html#retour>Retour à la page précédente</a>
Ce qui donne :
Retour à la page précédente

A+

LinkWithin

Related Posts with Thumbnails