J'espère en tout cas pouvoir bien vous expliquer la procédure pour permettre aux frères et sœurs qui passeraient par là de le eux faire aussi.
Tout d'abord il faut savoir que cette méthode a été seulement testée pour les forum fait avec phpbb. Donc pour les autres types de forum me demander spécifiquement et j'essayerais de vous aidez si j'en suis capable Inchaa Allahou ta3ala.
Pour en revenir a la démarche et bien la première chose à faire est de connaitre le nom de votre Style (thème, template) de forum. Dans notre cas c'est "
CA Gen2".
En suite il suffit de se connecter a votre compte ftp (l'espace web ou vous avez envoyer les fichiers de votre forum) et d'aller dans le dossier styles puis dans le dossier du style que vous utilisez (CA Gen2 dans notre cas) à l'intérieur vous trouverez un dossier template vous l'ouvrez à l'intérieur vous trouverez deux fichiers avec les noms overall_header.html et overall_footer.html. Vous devez les transférer sur votre pc pour pouvoir les modifier.
Une fois overall_header.html ouvert et bien trouvez dans le code source de la page la balise
juste au dessus de celle-ci vous mettez :
- Code:
<style type="text/css">
div#margegauche {
float: left;
width: 160px; /* Largeur de la colonne ou seront affichées vos images je conseil de mettre la même largeur que celle de vos images */
margin-right: 0px; /* Écart entre l'extrémité gauche de votre forum et les images */
margin-top:240px; /* Écart entre le haut de la page et votre première image */
}
td#margegauche {
width: 160px; /* Largeur de la colonne ou seront affichées vos images je conseil de mettre la même largeur que celle de vos images */
}
</style>
Et juste en dessous de <body id="blablabla" class="blablabla"> qui est pas trop loin en dessous de </head> vous mettez :
- Code:
<center><table><tr><td id="margegauche" valign="top"><div id="margegauche"><a href="ICI VOUS DEVEZ METTRE LE LIEN OU DOIT POINTER L'IMAGE QUAND ON CLIQUE DESSUS"><img width="LARGEUR DE L'IMAGE JE VOUS CONSEIL 160" src="ICI VOUS DEVEZ METTRE L'ADRESSE DE L'IMAGE QUE VOUS SOUHAITEZ AFFICHER" alt="ICI JE VOUS CONSEIL DE METTRE DU TEXTE EN RAPPORT AVEC L'IMAGE"></a><br /><br />
</div></td>
<td>
Remarquez bien que les <br /><br /> sont la pour sauter des lignes entre les images que vous souhaitez placer sur votre forum. Ce qui signifie que si vous voulez ajouter des nouvelles images vous devez rajouter après les <br /><br /> votre image sous la forme :
- Code:
<a href="ICI VOUS DEVEZ METTRE LE LIEN OU DOIT POINTER L'IMAGE QUAND ON CLIQUE DESSUS"><img width="LARGEUR DE L'IMAGE JE VOUS CONSEIL 160" src="ICI VOUS DEVEZ METTRE L'ADRESSE DE L'IMAGE QUE VOUS SOUHAITEZ AFFICHER" alt="ICI JE VOUS CONSEIL DE METTRE DU TEXTE EN RAPPORT AVEC L'IMAGE"></a><br /><br />
Enfin pour terminer ouvrez overall_footer.html cherchez </body> et collez juste avant :
Normalement c'est bon Inchaa Allahou ta3ala à moins que je n'ai oublié quelque chose. Merci de me le faire savoir dans ce poste si vous avez des problèmes à le faire.

wa

wa
