Anthilemoon

L’usage du tagboard [littéralement "tableau à signatures"] s’est généralisé sur les sites amateurs. Il permet aux visiteurs de s’exprimer sur tout et n’importe quoi, laisser une trace de leur passage sans avoir à rédiger un long message comme pour le livre d’or, etc.

Voyons ici comment installer et personnaliser votre propre tagboard.

Le choix du Tagboard

De nombreux sites proposent un service de tagboard [qu'on appelle aussi "shootbox"]. Ici, nous avons préféré utiliser la Cbox, qui est la plus pratique et surtout la plus personnalisable, même dans sa version gratuite. Pas de pub, des champs corrects, bref, l’idéal ^^

Vous pouvez aussi jeter un coup d’oeil à ces sites, mais tous présentent des défauts : pas de champs pour rentrer l’adresse, aucune personnalisation, bugs, publicité, etc.

Tag-World

Tag-Board

I-Tchat

My Shout Box

Yellbox

Je ne vous apporterais ici une aide que pour la Cbox.

L’installation

Rendez vous ici et cliquez sur « Sign up », le deuxième onglet.

Cochez la case « basic » [par défaut] et remplissez correctement les champs.

Puis connectez vous, rendez vous dans la partie « code generator » et choisissez les dimensions du tagboard :

Récupérez ensuite le code juste en dessous et copiez-collez le à l’endroit où vous voulez voir apparaitre le tagboard.

Le tour est joué !

Personnalisation

Le tagboard est installé, mais voilà : il ne va pas vraiment bien avec votre design. Pas de problème ! La cbox en version gratuite n’est pas avare de services =)

Pour changer les couleurs : Rendez vous dans « Skins« , vous aurez accès à des couleurs apparences préfabriquées et vous pourrez aussi créer mes vôtres. N’oubliez pas de cliquer sur « SAVE » avant de quitter !

Pour changer les smileys : C’est évidement dans la partie « Smilies » que ça se passe. Il faudra préalablement héberger vos smileys, soit via votre FTP, soit à l’aide d’Imageshack.

C’est fini ! Je vous laisse découvrir vous-même toutes les autres possibilités de la Cbox ^^

Tous les commentaires sont les bienvenus sur le forum.

Tags :tutoriel

Quelle galère lorsqu’on est en html pour changer le design du site ! Page par page, une à une, laborieusement, on trime à changer tout le haut et tout le bas à chaque fois. Vu le temps que cette opération prend, on met une page de hiatus indéterminé, en invitant les visiteurs à revenir car on change de version.

Certains utilisent des frames pour faciliter le travail, mais avouez que c’est agaçant toutes ces scrollbars !

Heureusement, Dieu inventa le php. Kesako ? Je ne vais pas vous faire un cours dessus, étant donné que ce n’est pas le but du tutorial, et surtout que je n’y connais quasiment rien, mais dites vous simplement que « Béni soit le php qui vous facilitera la vie » !

Le principe

Changer tout le haut et tout le bas d’une page 10 fois, 20 fois ou même plus, c’est fini. Maintenant, il suffira de ne le faire qu’une fois.

À la fin de ce tutorial, vous aurez une page pour le haut du code, une page pour le bas du code, et toutes vos pages pour le milieu, c’est à dire le contenu. Vous n’aurez plus qu’à modifier celle du haut et celle du bas pour que les changements d’appliquent à toutes les pages de contenu.

Comment faire ?

Suivez point par point les étapes suivantes pour accéder au paradis :

- Ouvrez votre page de contenu, que l’on appellera ici « index.html ».
- Sélectionnez tout le haut du code avant le contenu, coupez le, et copiez le dans une nouvelle page.
Sauvegardez la sous « header.php ».
- Sélectionnez ensuite tout le bas du code après le contenu, coupez le, et copiez le dans une nouvelle page.
Sauvegardez la sous « footer.php ».
- Enregistrez ce qu’il vous reste, c’est à dire uniquement le code du contenu, sous « index.php ».

Maintenant, il faut relier le haut et le bas au milieu. C’est là qu’interviennent les includes.

Comme précédement, suivez le guide.

Dans « index.php », copiez-collez le code suivant tout en haut de la page, au dessus du contenu.

<?php
include("header.php");
?>

Toujours dans « index.php », copiez-collez ensuite le code suivant tout en bas de la page, en dessous du contenu.

<?php
include("footer.php");
?>

Sauvegardez de nouveaux « index.php » par dessus l’ancienne sauvegarde.

Chargez le tout sur votre serveur, et admirez le résultat ! Vous pouvez apporter une modification en haut ou en bas du code, c’est à dire dans « header.php » ou « footer.php », et elle s’appliquera à « index.php » !

Faites la même chose pour toutes vos pages, et le tour est joué ^^

Un soucis ?

Vous ne voyez pas les pages sur votre pc ? C’est normal, à moins d’avoir un logiciel spécialement conçu pour leur visualisation.
Chargez les pages sur votre serveur pour voir ce que ça donne.

N’hésitez pas à poster un commentaire ci-après si vous avez des questions !

Tags :tutoriel