Jump to content

[Résolu] background différent entre l'accueil et le reste du site


Recommended Posts

Bonjour,

Développeur sur OS Commerce je me lance sur une première boutique avec le puissant PRESTASHOP.

J'ai un soucis et apparement personne n'a encore eu la demande.
Je dois réaliser une page d'accueil avec des photos et l'intérieur du site avec une autre photos plus clair pour mieux afficher les données.

En gros j'ai le CSS suivant pour l'accueil :
#page {
width: 980px;
margin: 0 auto 2px auto;
text-align:left;
height: 650px;
background: url('../img/fond-index.jpg') no-repeat top left;
}

comment puis je faire pour avoir un autre #page pour le reste du site ?

D'avance merci pour votre aide.

Betal

Share this post


Link to post
Share on other sites

EDIT: en fait j'ai trouvé une solution qui ne me plait pas, je rajoute dans mon header.tpl :

{if $page_name == 'index'}


{/if }
{if $page_name != 'index'}

{/if }

avec un nouvel ID pour #page mais le souci c'est que je dois doubler tout les style qui utilisent #page dans le reste de la CSS...
C'est pas super propore...

Quelqu'un à une meilleur idée ?

Share this post


Link to post
Share on other sites

Salut,

Je pense qu'une class attribué à l'index devrait le faire...

Dans ton header.tpl



Css

.index {background: url(’../img/fond-index.jpg’) no-repeat top left}
.boutique {background: url(’../img/fond-boutique.jpg’) no-repeat top left}

J'ai jamais testé mais la voie doit être bonne (faut adapter la syntaxe).


V++

Atch

Share this post


Link to post
Share on other sites

  • 1 month later...

Bonjour

votre idée est pas mal mais lorsque je met le code dans le tpl et le css , le site devient tout blanc!!

Pourriez vous me dire à quel niveau il faut insérer désolé je débute dans le code




et

.index {background: url(’../img/fond-index.jpg’) no-repeat top left}
.boutique {background: url(’../img/fond-boutique.jpg’) no-repeat top left}

MERCI DAVANCE

Share this post


Link to post
Share on other sites

Bonjour,

ce code:

dans header.tpl

ce code
.index {background: url(’../img/fond-index.jpg’) no-repeat top left}
.boutique {background: url(’../img/fond-boutique.jpg’) no-repeat top left}
dans global.css

Cordialement,
Natsu

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More