Personnaliser les liens de navigation

Peu de webcomics utilisent cette option, pourtant, elle n'est pas difficile à mettre en place. Pour ceux qui voudraient le faire mais ignorent comment procéder, voici la marche à suivre.

Remplacer les liens de navigation par des images

Tout d'abord, il vous faut des flèches. Huit en tout : quatre pour les liens actifs, quatre pour les liens inactifs.

Voici par exemple le modèle qu'emploie Dr_Folaweb pour Deo Ignito :

Et un set prévu pour un autre de ses webcomics :

Les version “inactives” sont simplement les mêmes images de flèches, grisées.

Vous pouvez aussi ne pas faire de flèche inactives, les liens seront tout simplement invisibles sur votre webcomic.

Nommez vos fichiers comme vous voulez, mais pour vous éviter des manipulations plus tard1, je vous suggère d'adopter les noms suivants:

Pour les liens actifs:

button-first.png
button-previous.png
button-next.png
button-last.png

Pour les liens inactifs:

button-first-inactive.png
button-previous-inactive.png
button-next-inactive.png
button-last-inactive.png

Uploadez ces images dans le dossier “CSS” de votre webcomic, au moyen du gestionnaire de fichiers.

Le plus dur est fait. Il reste à activer l'option.

Dans l'administration de votre webcomic, cliquez sur “Personnaliser le design”, passez en mode “Expert”.

Tout en bas de la feuille de style, vous trouverez ce titre: « /* replace navigation links with images: */ ».

Effacez les /* et */ qui entourent les onze lignes suivantes, en rouge sur cette image:

Si vous avez donné d'autres noms à vos fichiers, c'est ici qu'il faudra remplacer les noms par défauts par les vôtres.

Enregistrez vos modifications, et voilà !

…En fait, pas tout à fait. Il reste une toute dernière manipulation. Vos flèches ont une certaine longueur. Pour éviter de les voir se chevaucher, vous devriez indiquer précisément la taille de vos images ici :


Revenir à la page d'aide sur la personnalisation des webcomics.

  1. Notez que si vous utilisez du jpg ou du gif, vous devrez quand même intervenir dans la feuille de style.