AquaVital Posted February 2, 2014 Share Posted February 2, 2014 bonjour, je souhaite redescendre un peu la barre de menu noire horizontale sous le header du thème par defaut de prestashop 1.5.6, dans quel fichier css je peux trouver la configuration ? merci Link to comment Share on other sites More sharing options...
universduweb Posted February 2, 2014 Share Posted February 2, 2014 bonjour, voici le chemin modules/blocktopmenu/css/superfish-modified.css ligne 10 cdt Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 super merci Yves Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 (edited) bonjour, voici le chemin modules/blocktopmenu/css/superfish-modified.css ligne 10 cdt Edited February 2, 2014 by AquaVital (see edit history) Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 super merci Yves quelle est la syntaxe car border-top ou margin top ne sont pas satisfaisants ... Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 Bonjour AquaVital, Tu peut aussi redescendre ton menu avec un margin-bottom sur le header-right #header_right { float: right; margin-bottom: 10px; position: relative; } Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 (edited) Bonjour AquaVital, Tu peut aussi redescendre ton menu avec un margin-bottom sur le header-right #header_right { float: right; margin-bottom: 10px; position: relative; } voici une copie d'écran : ce que je veux faire c'est descendre la barre horizontale pour que le logo 'AquaVital' retrouve sa place dans le header, donc je suis déjà intervenu sur le header en lui appliquant une valeur de 'height 200px' celà l'a descendu car il était trop haut du fait car j'ai supprimé des éléments du header comme la fonction recherche et le panier et la connexion client et le header était remonté. Edited February 2, 2014 by AquaVital (see edit history) Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 oui donc le logo au dessus de la barre de navigation Tu as un lien vers ta Boutique? Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 Tu peut remonter le logo qui de base est descendu de 30px vers la ligne 548 tu le met à 0px #header_logo { position: absolute; top: 0; z-index: 1; } ensuite pour redescendre le menu tu fait comme expliqué plus haut Vers la ligne 554 #header_right { float: right; margin-bottom: 30px; position: relative; } je t'ai mis 30px mais à toi de le régler à ta convenance Après cela tu n'auras plus forcement besoin d'avoir le height:200px; pour le header Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 oui donc le logo au dessus de la barre de navigation Tu as un lien vers ta Boutique? non pas de lien je travaille en local pour l'instant Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 Les indications que je tes cité plus haut non aucun effets ? Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 Les indications que je tes cité plus haut non aucun effets ? voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 Tu as 2 solutions pour redescendre ton menu Soit tu augmente la valeur du margin-bottom que tu passe de 30 à 80px par exemple ou tu ajoute un margin-top:30px dans le le fichier supermodified.css du module bloctopmenu Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 voici le résultat avec le code modifié et la copie écran correspondante /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative} #header_logo { position: absolute; left:0; top: 0; z-index: 1; } #header_right { margin-bottom: 30px; position:relative; float: right } Tu as 2 solutions pour redescendre ton menu Soit tu augmente la valeur du margin-bottom que tu passe de 30 à 80px par exemple ou tu ajoute un margin-top:30px dans le le fichier supermodified.css du module bloctopmenu quelle est la meilleure ? merci Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 essai avec la première pour voir Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 essai avec la première pour voir la première ne change rien le logo reste en haut et la barre est toujours dessous, pour la deuxième : dans le le fichier supermodified.css du module bloctopmenu je rajoute un margin bottom à la ligne 10 ? ci dessous : .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 pour la première ou deuxième solution Ce n'est pas le logo qui doit bouger mais le menu afin qu'il puisse redescendre ton logo est bien en place? c'est bien ton menu que tu veut faire descendre? sinon c'est effectivement a cet emplacement pour le fichier supermodified tu ajoute un margin-top est non pas un margin-bottom Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 pour la première ou deuxième solution Ce n'est pas le logo qui doit bouger mais le menu afin qu'il puisse redescendre ton logo est bien en place? c'est bien ton menu que tu veut faire descendre? sinon c'est effectivement a cet emplacement pour le fichier supermodified tu ajoute un margin-top est non pas un margin-bottom bon ben voila avec un margin-top à 100px, je vais le réduire Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 bon ben voila avec un margin-top à 100px, je vais le réduire je l'ai réduit à 60 px mais la barre colle toujours au logo, comment faire pour la dissocier et la rendre plus mince ? Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 Non c'est pas bon comme cela supprime le margin-top ligne 10 met le plutôt à la ligne 15 Link to comment Share on other sites More sharing options...
AquaVital Posted February 2, 2014 Author Share Posted February 2, 2014 Non c'est pas bon comme cela supprime le margin-top ligne 10 met le plutôt à la ligne 15 nickel à 50px : Link to comment Share on other sites More sharing options...
DeyDDy Posted February 2, 2014 Share Posted February 2, 2014 super Tu peut mettre un [résolu] devant le titre de ton topic Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now