Salut à tous,
Et voilà le
tuto pour apprendre à héberger une signa codée et l'utiliser sur les forums.
Pour en savoir plus sur la modification du contenu de la signa, merci d'aller voir le
tuto de modif du contenu de votre signa.
ETAPE 1 : CREER UN FORUM POUR HEBERGER LA PAGE HTML
La page HTML est en fait le code de la signature codée que le codeur vous aura donné. Pour qu'elle soit reconnu sur internet et que vous puissiez l'utiliser, il faut l'héberger sur un serveur. Forumactif a un outil spécifique de création et d'hébergement de pages HTML. Créer un forum est donc la solution la plus simple pour héberger vos codes HTML.
La création du forum est très simple. Je ne pense pas avoir besoin de vous expliquer comment on fait.
Lien pour créer un forum :
https://www.forumactif.com/Appelez votre forum comme vous voulez, cela n'a aucune incidence sur le reste.
Remarque : Forumactif n'autorise qu'un seul forum par adresse mail. Prenez soin de créer une adresse email spécifique pour votre forum.
ETAPE 2 : HEBERGEMENT DE VOTRE PAGE HTML
Une fois votre forum créé, connectez-vous. Vous avez le compte fondateur, donc vous avez l'intégralité des droits administrateur. Pour commencer, allez tout en bas de votre forum et cliquez sur le lien « Panneau d'administration ».
Vous arriverez sur l'accueil du panneau d'administration. Là, allez dans l'onglet « module » en haut.
Descendez, et dans la section HTML/Javascript à gauche, allez dans « Gestion des pages HTML ».
Vous arrivez sur une page qui vous propose de créer une page HTML. Vous avez le choix entre le mode « simple » (qui n'est pas vraiment du HTML) et le mode « avancé ». Cliquez sur « création en mode avancé (HTML) ».
Commencez par donner un titre à votre page HTML. Assurez-vous que les « non » soient bien cochés pour les deux questions en dessous.
Descendez, et dans le cadre « Contenu de la page », retirez la balise « /br » et copiez le code de votre signature codée.
Remarque : Normalement, si le code est bien fait, il devrait commencer par ça :
- Code:
-
!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
Il devrait également contenir les balises suivantes (utilisez la fonction « rechercher dans le contenu » pour vérifier) :
- Code:
-
<head>
</head>
- Code:
-
<body>
</body>
Si une de ces balises est manquante, recontactez le codeur. Le code a clairement un problème et risque de ne pas fonctionner.
Note : Pour plus d'information sur la structure du code, référez-vous au
tuto explicatif du code de la signa.
Une fois votre code intégralement copié, vous pouvez visualiser le rendu en cliquant sur « Prévisualisation » en bas de la fenêtre.
Remarque : La prévisualisation va ouvrir une nouvelle fenêtre qui vous donnera un aperçu de votre signature.
Cela n'enregistrera pas votre page HTML.
Une fois que le code a été intégralement copié, enregistrez-le en cliquant sur « Valider ».
Un message vous informera que votre page HTML a bien été créé. Pour la modifier ou la prévisualiser, il suffit de cliquer sur les petites icônes dans la colonne « Action ».
ETAPE 3 : UTILISATION DE VOTRE SIGNATURE CODEE
Vous avez désormais un lien direct vers votre signature codée, indiqué à côté de son nom.
Allez maintenant sur les forums où vous souhaitez mettre votre signature, et allez dans votre profil, là où vous changez normalement votre signature.
Mettre simplement le lien ne suffira pas. Il faut passer par un iframe, qui va permettre d'afficher le contenu d'une page HTML sur une autre page. Vous allez donc copier ce code et y ajoutez le lien de votre signature.
- Code:
-
<iframe src="LIEN DE VOTRE SIGNATURE" frameborder="0" scrolling="no" style="width: LARGEUR EN PIXELpx; height: HAUTEUR EN PIXELpx;"></iframe>
Les données « width » et « height » indiquent la largeur et la hauteur que l'iframe. A vous de mettre ce qui correspond le mieux à votre signature (si votre signature fait 500px de large par exemple, mettez 520px pour être sûr).
Note : Vous pouvez toujours prévisualiser et augmenter ou diminuer ces mesures si la signature ne s'affiche pas en entier ou si au contraire il y a trop d'espace sur les côtés.
Voilà à quoi ressemble l'iframe de ma signature par exemple.
Remarque : Les balises [center] me permettent de centrer la signature sur la page.
Et voilà ! Vous n'avez plus qu'à enregistrer, et le tour est joué !
![tuto - [Tuto codage] Hébergement de votre signature codée 1450799544-01](https://2img.net/image.noelshack.com/fichiers/2015/52/1450799544-01.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450799607-02](https://2img.net/image.noelshack.com/fichiers/2015/52/1450799607-02.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450799607-03](https://2img.net/image.noelshack.com/fichiers/2015/52/1450799607-03.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814209-01](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814209-01.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814210-02](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814210-02.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814210-03](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814210-03.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814209-04](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814209-04.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814209-05](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814209-05.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814209-06](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814209-06.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814210-07](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814210-07.png)
![tuto - [Tuto codage] Hébergement de votre signature codée 1450814210-08](https://2img.net/image.noelshack.com/fichiers/2015/52/1450814210-08.png)
