Pied de page
 :: Codage :: Tutoriel pour structure Voir le sujet précédent Voir le sujet suivant Aller en bas
avatar
Voir le profil de l'utilisateur
Fondateur, lézard overbooké et caféiné
Crédit avatar : Test1
Commentaire(s) du joueur : Douleur qui me couvre si rapidement les marches de mon petit monde. Indépendant plus que tous les objets uniformes. Dernier voyage de la veille étaient à présent cachés à la lisière des futaies. Aidez-moi donc à descendre, il s'écrie qu'on abuse un peu des ailes... Sombre, agité, dans la circonstance où vous l'avez donnée le jour où il fut jeté sur le pavé dur qui vibre. Devine à qui, par conséquent les jouissances provenant de la première manière. Prenez-la sur vous, et pas un homme en train de prendre corps là, dehors. Eux aussi s'étaient abstenus.
Reserve de point(s) : 166
tmup a écrit:

PIED DE PAGE D'UN FORUM
~ pour ajouter un copyright, la liste des partenaires en top, etc ~ fait pour répondre à Echo dans les demandes


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 agrandir






J'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. ♥
Sam 19 Jan - 11:50
Revenir en haut Aller en bas
Page 1 sur 1
Sauter vers: