taille body header oscommerce 2.3.1 [Résolu] |
Bienvenue invité ( Connexion | Inscription )
taille body header oscommerce 2.3.1 [Résolu] |
1 Nov 2013, 22:13
Message
#1
|
|
Ceinture blanche+ OSC 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
|
|
4 Nov 2013, 12:14
Message
#2
|
|
Ceinture marron OSC Groupe : Membres 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 |
|
4 Nov 2013, 15:40
Message
#3
|
|
Ceinture blanche+ OSC 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. 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
|
|
4 Nov 2013, 17:34
Message
#4
|
|
Ceinture marron OSC Groupe : Membres 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 |
|
4 Nov 2013, 20:31
Message
#5
|
|
Ceinture blanche+ OSC 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 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
|
|
5 Nov 2013, 11:45
Message
#6
|
|
Ceinture marron OSC Groupe : Membres Messages : 1665 Inscrit : 3-June 09 Membre no 25501 |
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 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 |
|
5 Nov 2013, 19:21
Message
#7
|
|
Ceinture blanche+ OSC Groupe : Membres Messages : 34 Inscrit : 21-October 13 Membre no 32401 |
Bonjour FoxP2,
Vraiment super merci beaucoup ta vraiment gérer C'est vraiment parfait 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 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
|
|
29 Jan 2014, 14:14
Message
#8
|
|
Ceinture jaune+ OSC Groupe : Membres Messages : 99 Inscrit : 16-February 07 Lieu : Casablanca Membre no 15394 |
Merci bcp c'est super
-------------------- |
|
9 Feb 2015, 00:02
Message
#9
|
|
Ceinture jaune+ OSC 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 |
|
9 Feb 2015, 21:49
Message
#10
|
|
Ceinture noire OSC Groupe : TechDev Messages : 2757 Inscrit : 9-September 08 Lieu : Douai Membre no 22915 |
|
|
Version bas débit | Nous sommes le : 16th April 2024 - 06:22 |
Ce site est déclaré auprès de la commision Nationale de l'Informatique et des Libertés (déclaration n°: 1043896) |