osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> taille body header oscommerce 2.3.1 [Résolu]
speed73
posté 1 Nov 2013, 22:13
Message #1


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 34
Inscrit : 21-October 13
Membre no 32401



Bonjour,
J'ai parcourue tout le forum a la recherche d'un .css ou comment mettre oscommerce 2.3.1 a 100% ou auto de la taille de l'écran du visiteur.

J'ai trouvé un .css qui fait se que je recherche mais quand on zoom CTRL + Molette la page se déforme.

Par contre avec le .css d'origine tout et parfait sauf que la page n'est pas étiré sur la totalité de nos écran pc.

J'utilise :
stylesheet.css original
ext/960gs.css
Oscommerce 2.3.1

J'ai testé de modifier les parties suivante (stylesheet.css):

Code
.ui-widget {
   font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
   font-size: 11px;
}

body {
   background: #fff;
   color: #000;
   margin: 0px;
   font-size: 11px;
   font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}

#bodyWrapper {
padding: 0;
}

#bodyContent {
}

#header {
   height: 60px;
}

#storeLogo {
   float: left;
   margin-top: 5px;
}

#headerShortcuts {
   float: right;
   margin-top: 15px;
}


et c'est partie (ext/960gs.css) :
Code
.container_24 {
margin-left:
auto;margin-right:auto;
width:960px
}
.alpha {
     margin-left: 0;
}

.omega {
     margin-right: 0;
}


et même dans

Code
  class oscTemplate {
     var $_title;
     var $_blocks = array();
     var $_grid_container_width = 24;
     var $_grid_content_width = 16;
     var $_grid_column_width = 4;


Y a vraiment rien a faire sois j'ai les page sur tout l'écran d'utilisateur et tout se déforme sois la totalité de la page et centré on peut zoomé et rien ne se déforme.

Ps : un .css et en pixel et l'autre en pourcentage mais les code ne passe pas ici, cause message trop long

Cordialement,

Ce message a été modifié par speed73 - 5 Nov 2013, 19:25.


--------------------
Version installée: osCommerce Online Merchant V2.3.1
Go to the top of the page
 
FoxP2
posté 4 Nov 2013, 12:14
Message #2


Ceinture marron OSC
Icône de groupe

Groupe : Modérateurs
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



il est tout à fait possible de modifier le framework 960gs en affichage fluid : http://www.designinfluences.com/fluid960gs/

les source sont ici : https://github.com/bauhouse/fluid960gs

attention, c'est basé sur 12 ou 16 colonnes.
il est préférable de prendre celle à 12 et modifier les variables de la classe osc_template ainsi :
Code
    var $_grid_container_width = 12;
    var $_grid_content_width = 8;
    var $_grid_column_width = 2;


la feuille de style est grid.css


--------------------


Go to the top of the page
 
speed73
posté 4 Nov 2013, 15:40
Message #3


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 34
Inscrit : 21-October 13
Membre no 32401



Bonjour FoxP2,
Merci pour cette solution.
Donc j'ai regardé et testé je pense que je doit me planté quelque par, ou que je me suis mal exprimer.
Je recherche à afficher les pages comme dans les 1er version d'oscommerce sur la totalité de l'écran sans aucune bordure a gauche et a droite des colonnes et sans bouger le format actuel des colonnes.
Comme dans cette exemple.
Ou on voie bien qu'il y a aucune bordure de l'écran.

J'ai copier le code grid.css et remplacer le code dans 960.css modifier osc_template rien ne change :/ a par que tout et déformé.

J'ai du loupé un truc quelque par ou un code a rajouter ?
J'ai pas trop compris ton message.

Citation (FoxP2 @ 4 Nov 2013, 12:14) *
il est tout à fait possible de modifier le framework 960gs en affichage fluid : http://www.designinfluences.com/fluid960gs/

les source sont ici : https://github.com/bauhouse/fluid960gs

attention, c'est basé sur 12 ou 16 colonnes.
il est préférable de prendre celle à 12 et modifier les variables de la classe osc_template ainsi :
Code
    var $_grid_container_width = 12;
     var $_grid_content_width = 8;
     var $_grid_column_width = 2;


la feuille de style est grid.css


Cordialement,


--------------------
Version installée: osCommerce Online Merchant V2.3.1
Go to the top of the page
 
FoxP2
posté 4 Nov 2013, 17:34
Message #4


Ceinture marron OSC
Icône de groupe

Groupe : Modérateurs
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



ça m'a pris 5 minutes à faire :


oscommerce-2334-fluid par foxp2projects, sur Flickr


le tuto : http://www.oscommerce-fr.info/forum/index....showtopic=70964


--------------------


Go to the top of the page
 
speed73
posté 4 Nov 2013, 20:31
Message #5


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 34
Inscrit : 21-October 13
Membre no 32401



Salut FoxP2,
Encore merci
J'ai fait comme ton tuto.

J'ai modifier comme suite :
et j'ai toujours une légère marge sur le coter
Je vais pas chipoté pour si peut hein mais si tu a la solution n'hésite pas je suis preneur biggrin.gif

Un grand merci de votre aide.

Code
  
   .container_12,
   .container_16
   {
       width: 92%;
       margin-left: 4%;
       margin-right: 4%;
   }

Par
Code
   .container_12,
   .container_16
   {
       width: 100%;
       margin-left: 0%;
       margin-right: 0%;
   }


Cordialement,


--------------------
Version installée: osCommerce Online Merchant V2.3.1
Go to the top of the page
 
FoxP2
posté 5 Nov 2013, 11:45
Message #6


Ceinture marron OSC
Icône de groupe

Groupe : Modérateurs
Messages : 1665
Inscrit : 3-June 09
Membre no 25501



Citation (speed73 @ 4 Nov 2013, 20:31) *
et j'ai toujours une légère marge sur le coter
Je vais pas chipoté pour si peut hein mais si tu a la solution n'hésite pas je suis preneur biggrin.gif


récupérer les deux fichiers css (grid.css + stylesheet.css) et les remplacer respectivement dans leurs dossiers de destination : https://gist.github.com/foxp2/7317095/download


oscommerce-2334-fluid-without-margin par foxp2projects, sur Flickr


--------------------


Go to the top of the page
 
speed73
posté 5 Nov 2013, 19:21
Message #7


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 34
Inscrit : 21-October 13
Membre no 32401



Bonjour FoxP2,
Vraiment super merci beaucoup ta vraiment gérer happy.gif
C'est vraiment parfait smile.gif

Citation (FoxP2 @ 5 Nov 2013, 11:45) *
Citation (speed73 @ 4 Nov 2013, 20:31) *
et j'ai toujours une légère marge sur le coter
Je vais pas chipoté pour si peut hein mais si tu a la solution n'hésite pas je suis preneur biggrin.gif


récupérer les deux fichiers css (grid.css + stylesheet.css) et les remplacer respectivement dans leurs dossiers de destination : https://gist.github.com/foxp2/7317095/download


oscommerce-2334-fluid-without-margin par foxp2projects, sur Flickr


Cordialement,


--------------------
Version installée: osCommerce Online Merchant V2.3.1
Go to the top of the page
 
myphp_51
posté 29 Jan 2014, 14:14
Message #8


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 99
Inscrit : 16-February 07
Lieu : Casablanca
Membre no 15394



Merci bcp smile.gif c'est super wink.gif


--------------------
Go to the top of the page
 
baroussemania
posté 9 Feb 2015, 00:02
Message #9


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 111
Inscrit : 15-February 04
Lieu : 65380 lanne
Membre no 1980



Bonsoir

J'ai voulu en faire de même pour la nouvelle installation de la boutique v2.3.1 j'ai donc télécharger les deux fichiers que j'ai placé a leurs bonne place et paf tout va bien j'ai bien la boutique en plein écran

seulement j'ai un autres soucis, j'ai une grande banniere et du coup la boutique et sur la banniere, il y a t il un truc pour descendre toute la boutique sous la banniere? Merci de votre aide

Ce message a été modifié par baroussemania - 9 Feb 2015, 00:55.


--------------------
version oscommerce 2.2MS2 depuis 2003-
Contibution:region1_2/Paypal
Débutante moyenne , hébergement nuxit
Installation en parallèle en local avec easyphp 5.3.29 Et en cours de ma nouvelle boutique version V2.3.1 pHP Version5.3.24 sur le serveur nuxit
Go to the top of the page
 
chti_poupon
posté 9 Feb 2015, 21:49
Message #10


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Va plutôt voir ce fil ici
çà me paraît répondre à ta question
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 17th November 2017 - 22:24
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)