Résultat : www
Pour réalisé se tutoriel il faut avoir accès au template, donc être le fondateur du forum.
Nous allons commencer par créer une page html, pour éviter d'aller à chaque fois dans les template rajouter les logos. Pour cela rendez vous dans Panneau d'administration → module → HTML et Javascript → gestion des pages html
♦ Il faut que vous créiez une nouvelle page html, après avoir vérifier que les deux options sont sur non et mis un titre explicite vous n'avez cas coller ceci :
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vision partenariat</title>
<style>
.align1 {
width:800px;
margin-left:auto;
margin-right:auto;
}
.imgvp {
border: 1px dashed #ffffff;
margin-left:3px;
}
</style>
</head>
<body>
<div class="align1"><a href="http://terramystica.1fr1.net/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgvp"/></a> <a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a> <a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a>
<a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a> <a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a> <a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a>
<a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a> <a href="lien forum"><img src="http://i46.servimg.com/u/f46/16/36/06/79/vp10.png" class="imgvp"/></a>
</div>
</body>
</html>
(pour rajouter un partenaire il vous suffira de coller le lien vers son forum à l'endroit indiquez et le lien de son image
à la place de ce lien : https://i.servimg.com/u/f46/16/36/06/79/vp10.png)
♦ Validez, copier le lien qui devrait apparaitre et et gardez le sous la main!
Maintenant nous allons faire l'iframe qui fera apparaitre votre contenu sur le haut de votre forum, direction Affichage → Template → Général → Overall_header
♦ Cliquez sur le rouage jaune et cherchez :
- Code:
-
<!-- END google_analytics_code -->
</head>
Et coller
entre les deux (avant la balise head donc) ce code :
- Code:
-
<div class="fond1"><iframe name="V partenaire" src="lien de la page html" width="100%" height="50" frameborder=0 scrolling="no"></iframe></div>
(N'oubliez pas de mettre le lien de votre page html à la place de : lien de la page html)
♦ Enregistrer et publier (en cliquant sur la croix verte)
Et pour finir nous allons faire un peu de décoration : Allez dans Affichage → Image et couleurs → couleur → Feuille de style CSS
♦ Collez ce code :
- Code:
-
.fond1 {
background-color:#197BAB; /*couleur de fond*/
display:block;
height:43px;
padding-top:3px;
padding-bottom:7px;
margin-right:-10px;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
}
J'ai indiqué où il fallait changer la couleur, mais si toutefois vous avez peur de faire une bêtise, ou que vous voulez personnalisé un peu plus la barre, n'hésitez pas à me demander!
Tutoriel by Ayael, uniquement pour la communauté Vision Partenariat !
PS : ce tutoriel étant destiné à des personnes qui n'y connaissent strictement rien, j'ai préférer insister et tout précisez, même des choses logique pour ceux qui pratique de temps en temps.
Accueil
Partenaire
