Comment intégrer une bannière en haut de mes pages?

[linsa]

Bonjour

 

J'aimerais intégrer une bannière en haut de mon site qui fasse la longueur de ma page, je ne sais pas du tout comment procéder, ? peut on l'intégrer en jpeg, et comment accède ton au CSS, ?

merci

[Stéphane Chonez]

bonjour,

 

p-e le mieux serait d'utiliser un module type Freebloc et de l'intégrer dans header....

faites une recherche sur addons, le module est gratuit

[Spielbeurk]

Bonjour,

 

La longueur ou la largeur ? Si tu parle de remplacer le logo de base avec ta bannière, tu va dans Panneau de config > Préférences > Apparence. Oui pour le jpg , quand au CSS je laisse un connaisseur répondre dsl.

[Maury Girard]

Bonsoir Linsa

Si vous utilisiez la fonction recherche de ce forum, vous trouverez facilement des réponses.

Mais je vais etre bon seigneur je vais vous indiquer l'info.

Donc, besoin de passer par le back office que le dit Spielbeurk car les formats .Jpeg .Png et .Gif

sont prit en compte avec tous les navigateurs web.

 

La démarche est la suivante:

Il faut modifi 2 fichiers dans le thème utilisé

/themes/nom_de_ton_theme/header.tpl

/themes/nom_de_ton_themes/css/global.css

 

Dans header.tpl, rajoutezs trois lignes en dessous de {$HOOK_TOP}

<div id="banniere">

<a href="inserez icilien de votre site web*"> </a>

</div>

*si vous indiquez le lien de votre site Web, cela donnera une image cliquable

 

Ensuite dans le global.css, rajoutez quelque part cette portion de code

( je vous conseille juste en dessous de #header et avant #left column, par exemple )

#banniere {

background: transparent url('..\prestashop\votre_thème\img\') no-repeat top left; /* définir le chemin de votre bannière. */

float: left;

height:XXXpx; /*XXX est la hauteur de votre bannière. */

width: YYYpx; /*YYY est largeur de votre bannière. */

}

#banniere a {

text-decoration: none;

display: block;

height: 100%;

width: 100%;

}

 

Ensuite vous n'avez plus qu'a insérez la bannière dans le répertoire /IMG/ et en Front Office faites un CTRL+F5 et admirez le résultat

 

Cordialement,

[Patrick_64]

Salut,

 

une autre solution (celle que j'utilise), tu prends une image pour ton logo qui soit à la bonne taille et tu vas dans le BO - préférences - Apparence et là tu mets ton image.

 

bonne continuation

Patrick

[Foster]

Et quand on est en affiliation et qu'on doit insérer le code d'une bannière ? Me concerant je dois la placer dans la colonne de gauche... Merci.

[Stéphane Chonez]

Hello Foster!

 

c'est une question ?

 

si oui j’en reviens à mon idée d'utiliser un module type Freebloc, très utile lorsque l'on veut insérer du code ou des images par exemple

[haio]

ca m'intéresse aussi

 

quand vous dites qu'il faut insérer le code suivant dans le header tpl: il faut remplacer le mot banniere par notre image? ou il faut le laisser tel quel? faut il mettre l'image de notre bannière dans mon theme- img avant?

<div id="banniere">

<a href="inserez icilien de votre site web*"> </a>

</div>

 

le moyen le plus simple c'est di'ntégrer la bannière via le back office ,mais c'est vrai que ca deregle le header dans le front office ca l'agrandit et ca laisse des espaces blancs.

[younes]

Salam,

je n'ai pas trouvé le module Freebloc, si qlq'un peut m'aider