Changement Header

[Morpheus 2]

Bonjour,

 

Version Peel: 7.2.0.2

 

Je souhaiterais ajouter un bandeau au dessus du site à la place du Logo (lorsque celui-ci est activer dans la bannière d'en-tête du site).

J'ai donc désactiver le logo dans l'en-tête et ajouter dans le fichier "screen.css" de ma charte graphique la balise suivante

 

#main_header {

position: relative;

background-image: url(http://mon image.png);

background-repeat: no-repeat;

margin: 0 auto 0 auto;

height: 280px;

display: block;

background-position:center top;

}

 

Je vois que l'image est présente mais la zone de recherche avec le caddie, le bouton s'identifier ainsi que le menu reste par dessus de l'image et au dessus de l'écran.

Comment faire place pour mon bandeau et redescendre les boutons et le menu ?

 

D'avance merci pour votre aide.

 

Steph

 

 

 

[Simon développeur PEEL 0]

Bonjour,

 

vous pouvez modifier le style CSS de la div #main_header en ajoutant un margin-top afin de décaler ce bloc vers le bas. Sinon prendre les éléments 1 par 1 en sélectionnant #search_wrapper pour le champ de recherche, .header_caddie pour le panier, #header_login pour le bloc de connexion.

Je vous invite à utiliser un outil comme firebug sur firefox (ou F12 sur Chrome) pour vous permettre d'identifier et modifier rapidement les blocs HTML de la page, et faire différents essais.