Aide - Recherche - Membres - Calendrier
Version complète : [résolu] Mettre un background en fond !!!
Forum osCommerce-fr > Adapter OsCommerce MS2 > Design
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

rolleyes.gif


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 smile.gif
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 cool.gif

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 !! rolleyes.gif

Thierry
benthien
cool.gif
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 question.gif
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 biggrin.gif 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 :

QUOTE
<table border="0" width="100%" cellspacing="3" cellpadding="3">

ligne 49
qui devient :

QUOTE
<table border="0" width="800px" cellspacing="3" cellpadding="3">


Pour la couleur du fond avec une image il faut modifier dans la feuille de style dans un des styles (je ne sais plus trop lequel :

background: #ffffff ;
par :
background: #ffffff url(images/nomimage.jpg);
jed7
QUOTE
Pour la couleur du fond avec une image il faut modifier dans la feuille de style dans un des styles (je ne sais plus trop lequel :

background: #ffffff ;
par :
background: #ffffff url(images/nomimage.jpg);


Celà semble logique, sauf que je n'arrive pas trouver le style concerné....
J'ai bien réussi à faire celà pour le header, mais pour cette partie centrale, je ne trouve pas...

Peux-tu m'en dire plus ?

D'avance merci

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 :
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="ff2288">

ça :
CODE
<td background="images/fond1.gif">

Ce qui donne ça :
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="ff2288"><td background="images/fond1.gif">
<?php
 
///////////////////
// [0001] The rest of this <td> statement is located at the end of footer.php
///////////////////
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
QUOTE (domdel @ 21 déc 2005, 07:03)
Pour régler la largeur de la boutique, il faut aller dans index.php et modifier ceci :

QUOTE
<table border="0" width="100%" cellspacing="3" cellpadding="3">

ligne 49
qui devient :

QUOTE
<table border="0" width="800px" cellspacing="3" cellpadding="3">


Pour la couleur du fond avec une image il faut modifier dans la feuille de style dans un des styles (je ne sais plus trop lequel :

background: #ffffff ;
par :
background: #ffffff url(images/nomimage.jpg);

Une question toujours pour la taille de la boutique.
Je parcours mon index.php et je n'ai pas les lignes que tu as cité...

Du coup comment je fait pour régler la taille?

Merci
Francki
jed7
mrgreen.gif
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 :

QUOTE

Une question toujours pour la taille de la boutique.
Je parcours mon index.php et je n'ai pas les lignes que tu as cité...


Quelle est ta version d'Oscommerce ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2013 Invision Power Services, Inc.