Jump to content

Recommended Posts

Bonjour,

Je possède actuellement le thème par défaut de la version 1.7.3.0 et je voudrait ajouter une bannière tout en haut de mon site comme une top-banner.

en passant pas examinateur de Firefox j'arrive  mettre en page mais, je ne sais pas comment le faire définitivement (dans quel fichier html ou autre)

en capture d'écran je vous montre le résultat que je voudrais atteindre.

ENG

Hello,

I currently have the default theme of 1.7.3.0 and I would like to add a banner at the top of my website as a top-banner.

Using Firebug ( development tools ) I can manage the html and css but, I do not know how to do it definitively (in which html file or other)

I show you the result I would like to achieve in my screenshot.

Big thanks poeple

 

2018-03-15 19_29_30-.png

Link to comment
Share on other sites

Bonsoir,

Pour avoir votre bannière en haut, greffer le module bannière sur le hook suivant:" displayAfterBodyOpeningTag" puis ajouter ce réglage css dans

/themes/classic/assets/css/custom.css

.img-fluid {
    display: block;
    margin: auto;

Par contre, la bannière sera sur toutes les pages du coup.

Edited by Ced17 (see edit history)
Link to comment
Share on other sites

Bonjour,

Merci pour votre précieuse aide !!

Maintenant j'ai une bannière centrée noir en tant qu'image, je souhaiterais avoir la partie de gauche en noir car actuellement elle est en blanche (éviter d'avoir une cassure avec le noir et le blanc)

où dois-je insérer le baground:black; ?

Encore merci mille fois

 

 

2018-03-15 23_59_10-Microsoft Edge.png

Edited by Louis
incorectPrintScreen (see edit history)
Link to comment
Share on other sites

Bonsoir,

Donc, je n'ai pas réussi juste en css à vous donner ce que vous voulez. Donc on va faire autrement, on va ajouter une classe pour cette bannière pour avoir le fond que vous voulez.

Pour faire, ouvrez    \themes\classic\modules\ps_banner\ps_banner.tpl

Puis faire comme ci dessous:

Screenshot_1.png.3fcd9d8a4064af81d8d4d6a308e43f39.png

Ensuite ,se rendre dans   \themes\classic\assets\css\custom.css

et ajoutez le code suivant:

  .banner-color {
    background: #000;
}    

Résultat: Screenshot_2.thumb.png.ad7daf5ec2eaf67f03f5c868656c3bc5.png

Bonsoir

Link to comment
Share on other sites

Bonsoir,

 

Etonnamment, l'affectation de la couleur en background ne s'active pas. cela reste blanc. en examinant le css sur FireFox, le bloc div banner-color ne s'affiche pas... vous pouvez-vous mes changement dans la photo.. je ne vois donc d’où peut venir le problème..

Merci

Banner_problem.png

Link to comment
Share on other sites

Super merci beaucoup !

Petite question quel est la différence entre

MaRacine\modules\ps_banner\ps_banner.tpl

et

MaRacine\themes\classic\modules\ps_banner\ps_banner.tpl

Merci et bonne soirée

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...