Mettre ma bannière qui a une taille plus grande que prévue par le thême

[ungars]

  Bonjour,

  J' ai une bannière qui a une taille de 800 x 173 pixels. Elle semble être trop grande pour le thême d' origine, donc elle est ecrasée, et j' ai deux carrés noirs à droite et à gauche.

  Ce que je souhaite :

- Pouvoir mettre la bannière à la taille voulue

- Supprimer les 2 carrés noirs du coté, laisser du blanc, de façon à ce que cela se marrie mieux avec le reste.

 

  J' ai fait une recherche, et je suis tombé sur ce post qui semble ressembler à mon problème.

 

  Je lis :

 

tu auras besoin de modifier 2 fichiers : /themes/nom_de_ton_theme/header.tpl
et
/themes/nom_de_ton_themes/css/global.css
dans header.tpl, rajoute à la ligne 46 les trois lignes suivantes :

 

  Les "3 lignes suivantes" semble avoir été effacées, pouvez vous me dire quelle sont elles ?

 

Pour le reste, je comprends mis à part une ligne :

background: transparent url('cheminverstabanniereàpartirdudossiercss') no-repeat top left;

  Le chemin vers ma bannière est là ou elle se trouve dans mon dossier /prestashop ? Je ne la trouve pas, j' ai regardé dans tous mes fichiers situés dans /img je n' ai pas trouvé.

 

  Merci pour vos explications. Peut etre y a t' il une autre methode pour faire ce que je souhaite.

 

  Je suis en local actuellement, mon site n' est pas en ligne.

 

  Bon après midi à tous.

[ungars]

  Bonsoir,

  Je fais un up.

  Bonne soirée et merci pour votre aide.

[Baba deCode]

 

Pour le reste, je comprends mis à part une ligne :

background: transparent url('cheminverstabanniereàpartirdudossiercss') no-repeat top left;

  Le chemin vers ma bannière est là ou elle se trouve dans mon dossier /prestashop ? Je ne la trouve pas, j' ai regardé dans tous mes fichiers situés dans /img je n' ai pas trouvé.

 

as tu regardé dans le dossier du theme et, ou du module ?

[ungars]

  Bonsoir,

  Je te remercie pour ta réponse.

  J' ai trouvé un autre post qui semble refléter mon problème, j' ai changé les valeurs du fichier cité en référence sur le post, avec les dimensions de ma bannière, et elle s' affiche avec les bonnes dimensions. Deux problèmes :

- Elle est légèrement située à gauche de l' écran. J' aimerai pouvoir la centrer.

- J' ai deux rectangles noirs sur chaque coté de la bannière, je préfèrerai qu' ils soient blancs (ma bannière ne fait pas la taille complète de l' ecran.

 

  Merci encore du coup de main, bonne soirée.

[Baba deCode]

Peux tu indiquer l url du site que je puisse t aider plus facilement ?

[ungars]

  Je suis en local, je t' ai fait une capture d' ecran (désolé uppix ne semble pas fonctionner ce soir) : http://www.casperland.net/capture

 

  Merci du coup de main.

[Baba deCode]

Pour ton deuxième pb: global.css ligne 5274

header .banner {
background: white;
max-height: 100%;
}

pour le reste clique droit sur ton element inspecter l'élément, ca te donne une idée pour modif ton css

[ungars]

  Oui c' est bon, les cotés sont blancs désormais.

 

 

pour le reste clique droit sur ton element inspecter l'élément, ca te donne une idée pour modif ton css

[ungars]

Désolé fausse manip :

 

pour le reste clique droit sur ton element inspecter l'élément, ca te donne une idée pour modif ton css

 

  J' obtiens :

<img class="img-responsive" width="1170" height="65" title="" alt="" src="http://localhost/mounier/modules/blockbanner/img/dee7f4f3f9e4ab9d03fe5f64f9762e75.jpg"></img>

  Que puis je modifier pour que ma bannière soit centrée ?

 

  Je te remercie pour ton aide, bonne soirée.

[Baba deCode]

on peut faire un truc à l'arrache du genre blockbanner.css ligne 6

#header .banner a img {
display: block;
width: 70%;
height: 100%;
max-height: 65px;
max-width: 1170px;
position: relative;
left: 15%;
}

[ungars]

  Bonjour, merci de ta réponse. J' ai récopié ton code, adapté aux dimensions de ma bannière, elle n' a pas bougé, en revanche j' ai l' impression qu' elle a diminuée de taille.

 

  Bonne journée merci du coup de main.

 

 

   Edit : J' y suis presque. J' ai remis mon fichier d' origine, ainsi que les lignes que tu as ajouté, et en faisant plusieurs essais j' ai ma bannière au milieu avec ces reglages :

#header .banner a {
display: block;
max-width: 800px;
max-height: 173px; }
 
#header .banner a img {
display: block;
width: 100%;
height: 100%;
max-height: 173px;
max-width: 800px;
position: relative;
left: 22%;

  C' est left 22% qui permet donc de centrer plus ou moins depuis la gauche la bannière. Existe t' il une autre possibilité que d' y aller à taton comme j' ai fait ? J' ai vu sur plusieurs post le mot "center" mais ici apparament je ne peux l' appliquer.

 

  D' autre part, un autre petit souci, si je clique sur ma bannière, je reviens sur la page d' accueil de mon site, en revanche si je clique franchement à gauche de la bannière, c' est comme si je cliquais dessus. A droite c' est bon, je n' ai pas ce problème, mais à gauche oui. La partie clicable de la bannière s' étend donc trop à gauche de celle ci.

 

  Encore merci du coup de main.

Edited January 16, 2015 by ungars (see edit history)