Il est souvent difficile de savoir où mettre ses top partenaires. Sur la page d'accueil ? Non, trop chargé, ou on ne voit pas comment faire. Sur le côté du forum ? En infobulle ? Il existe beaucoup de façon de faire, mais il est rare que les personnes y prêtent attention. Alors, quoi de mieux que de mettre un message important, le copyright ou les top partenaires sous le
qui est en ligne et la
chatbox (si elle y est) ? Je vais vous expliquer comment faire, c'est même facile !
ATTENTION : vous devez posséder le compte Fondateur pour faire ceci !1. Créer le code CSS / le cadre qui contiendra vos partenaires.Pour cela, il est beaucoup plus simple de le faire dans la feuille de style CSS (
panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS) et créer ce que l'on appelle une balise de code, et vous y donnez un nom spécifique, par exemple :
.toppartenaire {
tout votre code
}
Je vais vous donner un petit exemple, bien basique, avec ce qui pourrait vous servir :
.toppartenaire {
width: 600px; /*largeur du cadre*/
height: 120px; /*hauteur du cadre, vous pouvez mettre auto si vous ne voulez pas définir une hauteur précise*/
-moz-border-radius: 30px; /*pour avoir un arrondi aux 4 coins de 30px, fonctionne uniquement sur mozilla*/
-webkit-border-radius: 30px; /*idem, fonctionne pour tous*/
border : 3px solid #ee6d63; /*le cadre du forum*/
background-color: #ffffff; /*la couleur du fond*/
padding:10px; /*donne une marge de 10px de chaque côté et en haut et en bas du cadre*/
color: #ee6d63; /*couleur de l'écriture dans le cadre*/
}
Bien évidemment, vous faites comme bon vous semble, ce n'est qu'un exemple ! Une fois terminée, et ceci bien évidemment enregistré sur votre feuille de style CSS, nous passons à l'étape 2 !
2. Installer le cadre qui contiendra vos partenaires.Nous allons toucher maintenant aux templates. Non, ne vous en faites pas, on ne devra pas cherche énormément de choses, un endroit spécial, non ! Pour le moment, allez dans
panneau d'administration > affichage > templates > général > index_body. J'utilise pour le tutoriel la
valeur par défaut de ce template, le mien étant beaucoup modifié. Mais qu'il soit modifié ou non, vous devez aller tout en bas ! Oui, votre code devra se placer tout à la fin du template (simple, n'est-ce pas ?).
Vous placez donc ce code :
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<br><br><td valign="top"><div class="toppartenaire"><span class="gensmall">
<a href="http://www.elegance-temptation.com"/><img src="http://i.imgur.com/hHzTC.png"><br><br>
VOUS PLACEZ VOS PARTENAIRES COMME BON VOUS SEMBLE, LES AMIS!
</span></div></td>
</tr></table>
- Spoiler:
Il vous suffit maintenant d'enregistrer votre template puis de le publier, et voici ce que vous obtenez (bien sûr, vous pouvez centrer, modifier tout ce que vous voulez !) :
cliquez pour agrandirJ'espère que vous avez suivit le tutoriel... J'ai essayé d'expliquer au maximum, mais entre mes explications et ce que vous comprenez, il peut y avoir une sacrée différence !
Si vous avez des problèmes, n'hésitez donc pas à demander à la suite. ♥