installer un header flash

Bon en gros pour faire comme ma bannière. Il vous faudra de la patiente si vous ne manipulez pas très bien les codes car vous risquez de recommencer plusieurs fois. Le plus emmerdant c'est pour placer l'header.

Bon déjà, héberger votre header en mode flash sur Eklablog dans un module simple, si vous ne savez pas comment faire regarder là http://my-world.ek.la/heberger-une-horloge-a59282553. Toujours dans le module simple, allez dans la partie HTML. 

PARTIE HTML :

Au début du code HTML de la bannière, mettez ceci : <div id="header">. Alors vous pouvez très bien mettre un autre nom que header, mais vous êtes obligé de mettre un nom car ça servira pour le CSS. 

Id sert à désigner le nom de notre projet. Ici le projet est de travailler sur l'header. 

A la fin du code HTML, mettez ceci : </div>. Cela permet de fermer la balise. 

PARTIE CSS :

Donc allez dans Apparence > Modifier le thème > CSS. 

Nous allons travailler avec ce code : 

#////////{position: X;bottom: Xpx; left: Xpx;} 

Remplacez les //////// par que vous avez donné à l'id. Par exemple header si vous avez fait comme l'exemple du tuto.

Pour le X se trouvant après "position:", vous mettrez soit fixed ou absolute. Je m'explique, si vous mettez fixed, la bannière descendra la page en même temps que vous. Si vous voulez qu'elle reste à un seul et même endroit comme moi, vous mettez absolute.

Concernant bottom et left. Bottom veut dire approximativement "en bas", et une bannière est censée être en haut de la page, donc vous remplacez par top qui veut dire "en haut". Left veut dire "gauche". Cela veut dire que votre bannière sera à gauche, si vous voulez qu'elle soit à droit vous mettrez right à la place. De toute façon le côté n'a pas d'importance car ce n'est pas comme ça que vous définirez la position de l'header.

Maintennat le positionnement. Pour les X qui se trouvent après bottom et left, vous les remplacez par des valeurs. Enfin il faut que vous fassiez des essaies car nous avons pas la même résolution d'écran. 

Si vous avez des questions n'hésitez pas !