[résolu] Mettre un background en fond !!! Options

[tfconcept]

Bonjour,

Je souhaite travailler le fond du site os commerce....

MAIS, je voudrais utiliser un background au lieu de mettre de la couleur toute simple, de plus ce background serait placé de chaque coté du site et le fond du site serait lui avec une couleur spécifique !!!

En html pur on réaliserait ca avec des tableaux mais la avec os commerce on s'attaque directement au code alors .......

Pas facile de me comprendre peut etre alors voici un exemple de site web qui reprend un peu l'idée (que certain connaisse d'ailleur lol)

http://www.axome.com




Thierry

J'utilise MS2 FR

[domdel]

Bonjour

Tu peux utiliser la ligne background de la feuille CSS :

ex :
background: url(images/fond.gif) #fff;

C'est ce qu'utilise le site en question puisqu'il utilise xhtml et CSS. Tu peux constater que ce site ne contient pas de tableau.

[Biyyo]

Bonjour,
J'ai le même problème que Thierry, je voudrais mettre des deux côtés une barre verticale avec couleur de fond, j'ai essayé avec les tableaux mais je n'y arrive pas.

Merci pour votre aide

[domdel]

Bonjour

La solution la plus simple est de créér une image dans photomachin ou phototruc qui fait 800 pixel de large sur 10 de haut (par exemple) avec une partie centrale de 780px qui correspondrait à la couleur de fond que tu souhaites et un effet de bande sur les côtés. Dans ce cas, le tableau principal du site aurait pour largeur 780 px(largeur fixe), de façon à ce que les bandes débordent du tableau..

Ensuite, dans la feuille de style tu as ceci:

BODY {
background: #ffffff;
color: #000000;
margin: 0px;
}

Tu remplaces la partie background par ça :

background: url(images/fond.gif) #fff repeat-y center top;

Tu adaptes ça a ton cas bien sur !

[tfconcept]

Slt,

Merci pour l'astuce, je vais essayer ca de suite et je vous tiens au courant !!

Thierry

[tfconcept]

Bonjour,

Alors, alors.....

Ca marche impec pour le fond comme pour les bandes sur le coté !!

Par contre lorsque je met mon (background: url(images/fond.gif) #fff) il se presente sur la totalité du site (normal jusque la), mais moi je souhaiterai avoir l'image de fond que sur les cotés....... et l'interieur du site d'une couleur differente (blanc par exemple)

Est-ce possible

Thierry

[domdel]

C'est possible en jouant sur la couleur de fond des tableaux des pages.
Mais pourquoi ne pas mettre cette couleur directement dans l'image du background entre les deux bordures?
Ensuite tu supprimes toutes les indication de bgcolor dans les tableaux.

Bonne chance

[tfconcept]

Alalalalala

Tout ce joue au niveau graphique, un grand merciiiiiii .......

Pb résolu ca marche !!

Thierry

[benthien]

Hello all

C cool ca regle mon pb -> et savez vous comment mettre un background different sur chaque page de rubrique d'articles...merci d'avance...

Ben-J

[chodaboy]

Bonjour,

J'ai modifié le fichier stylesheet.css, et mon fond d'écran s'est bien modifié. Par contre, la partie supérieure de ma fenêtre n'a pas le même fond que le reste.

En fait, en dessous de accueil/catalogue, j'ai mon image de fond, mais pas au dessus. C'est pareil chez vous

[domdel]

Bonjour

Benthien :

Etant donné que c'est toujours la même page qui est appelée quelque soit la catégorie ou l'article, il est très difficile de personnaliser chaque page.

Chodaboy :

Fond qui se présente différemment au dessus a quelle aspect? Si c'est un fond de couleur il est possible que cette couleur soit déjà dans un des tableaux (du header probablement donc tu dois supprimer la couleur de background du tableau (ou des tableaux) en question.

J'espère que ma réponse vous conviendra !

A+

[chodaboy]

Hello Domdel,

J'ai cherché un peu pour mon pb... et j'ai modifié stylesheet.css à la ligne 36 du fichier stylesheet.css (situé dans le répertoire catalog) de la manière suivante :

TR.header {
background: url(images/background.gif);
}

Donc, j'ai eu mon image de fond dans la partie supérieure de ma fenêtre Mon pb est résolu.

Merci à tous pour vos infos.

[tsunami wazahari]

mais comment on fait pour definir la taille du tableau principal du centre de la page ( hors header et footer ) ?

[jed7]

Hello

Je sais pas si celà répond à ta question, mais moi j'ai utilisé une contrib qui fait bien mon affaire :
osC-CenterShop v3.0 for MS2_1_1_1_1

Par contre, ce que je ne sais pas, c'est comment faire pour remplacer le blanc de la colone du milieu par une image de fond...

Jetez un oeuil sur ma page ICI

Une idée ?

Merci

[tsunami wazahari]

oui, moi aussi je cerne ton probleme, car j'ai le meme.
Et moi non plus, je ne trouve pas la solution.

[domdel]

Pour régler la largeur de la boutique, il faut aller dans index.php et modifier ceci :

[jed7]

[moid]

tt simplement /catalog cherche le fichier stylemacchin

[tsunami wazahari]

j'ai trouvé Jed, comme on a le CenterShop,
dans ton header.php, tu rajoute aprés :

[jed7]

C'est parfait, merci beaucoup !

Bon, je vais chercher, mais sais tu rendre le fon des boxes transparentes ? De manière à voir le fond à travers ?

Encore merci !

Jed

[tsunami wazahari]

pour le rendre transparent, tu fait ca :
[CODE]///////////////////
// [0001] Shop Width Size and Shop Background Color
///////////////////
?>
<table width="<?php echo CENTER_SHOP_WIDTH; ?>" align="center" BGCOLOR="<?php echo CENTER_SHOP_BACKGROUND_COLOR; ?>" BORDER="<?php echo CENTER_SHOP_BORDER; ?>" bordercolor="<?php echo CENTER_SHOP_BORDERCOLOR; ?>" CELLSPACING="<?php echo CENTER_SHOP_CELLSPACING; ?>" CELLPADDING="<?php echo CENTER_SHOP_CELLPADDING; ?>" >
<tr><td BGColor="">
<?php

///////////////////
// [0001] The rest of this <td> statement is located at the end of footer.php
///////////////////

[francki]

[jed7]

Excuse moi, je n'ais pas du être assez clair dans ma question....

Je parlais du fond des boxes sur les cotés (catégories, search...)

Comment virer le blanc et "voir" le fond à travers les boxes...




Mais j'ai trouvé,

c'est dans le fichier css, il faut virer le Background de .infobox et de .infoboxcontent

Merci

Jed

[domdel]

Francki :