{"id":726,"date":"2015-04-13T18:00:19","date_gmt":"2015-04-13T18:00:19","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=726"},"modified":"2017-01-23T18:29:17","modified_gmt":"2017-01-23T18:29:17","slug":"centrer-votre-menu-dans-prestashop-1-6","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/","title":{"rendered":"Astuce : Centrer votre menu dans Prestashop 1.6"},"content":{"rendered":"<p>Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/p>\n<hr \/>\n<h3><span style=\"color: #800000;\"><strong>Comment centrer le menu sur ma boutique Prestashop ?\u00a0<\/strong><\/span><\/h3>\n<p>Il y a q&rsquo;un seul fichier \u00e0 modifier :<strong> superfish-modified.css<\/strong>\u00a0 qui appartient au module <strong>blocktopmenu<\/strong><\/p>\n<p><!--more--><\/p>\n<p>1) Dans .sf-menu, ajouter text-align:center<\/p>\n<pre class=\"lang:default decode:true\">.sf-menu {\r\n  text-align: center;\r\n  position: relative;\r\n  padding: 0;\r\n  width: 100%;\r\n  border-bottom: 3px solid #e9e9e9;\r\n  background: #f6f6f6; }<\/pre>\n<p>2) Dans .sf-menu &gt; li, remplacer float:left par display: inline-block;<\/p>\n<pre class=\"lang:default decode:true\">.sf-menu &gt; li {\r\n    border-right: 1px solid #d6d4d4;\r\n    display: inline-block;\r\n    margin-bottom: -3px;\r\n}<\/pre>\n<p>Et voila le resultat :<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-723\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272.png\" alt=\"Capture d\u2019e\u0301cran 2015-04-13 a\u0300 19.31.27\" width=\"1267\" height=\"226\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-principales-etapes-dun-projet-web-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-phases-importantes-projet-web1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-principales-etapes-dun-projet-web-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les principales \u00e9tapes d\u2019un projet web | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 384<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" > La mise en place de tout projet web suppose le suivi d'une m\u00e9thodologie pr\u00e9cise afin de garantir l'aboutissement \u00e0 un r\u00e9sultat satisfaisant.\r\n\r\nVous trouverez sous forme d'infographie (r\u00e9alis\u00e9e par l'agence Alesiacom), les \u00e9tapes importantes pour le bon\u00a0d\u00e9roulement de votre\u00a0projet web.\r\n\r\n1 \u2013 Cadrage et\u00a0planification\r\n- Le brief\r\n- La charte projet\r\n- Le sitemap\r\n\r\n\r\n\r\n2 \u2013 Design graphique\r\n- Les...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-faire-une-page-contact-parfaite\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-05-24-\u00e0-14.36.14-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-faire-une-page-contact-parfaite\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment faire une page contact parfaite ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 196<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Une page contact est utilis\u00e9e sur un site web pour permettre l\u2019interaction entre les visiteurs et le webmaster du site.\r\n\r\nIl permet au visiteur de demander un devis ou \u00eatre contact\u00e9 par un vendeur.\r\n\r\nLe formulaire de contact est un enjeu important pour les soci\u00e9t\u00e9s poss\u00e9dant un site web car il permet de transformer un simple visiteur en prospect qualifi\u00e9 voir en client.\r\n\r\nCette infographie abor...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-header-Facebook-hashtags-can-increase-Likers-and-brand-awareness-Social-Media-Marketing-Infographic-www.socialmediamamma.com--400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment les Hashtags Facebook peuvent-ils aider vos actions marketing ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 176<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >1) Comment utiliser les hashtags ?\r\n\r\nLes hashtags transforment les sujets et les locutions en liens cliquables \u00e0 l\u2019int\u00e9rieur des publications de votre journal ou de votre Page. Ils aident les utilisateurs \u00e0 trouver des publications portant sur des sujets qui les int\u00e9ressent. Pour cr\u00e9er un hashtag, tapez # (le symbole di\u00e8se) imm\u00e9diatement suivi d\u2019un sujet ou d\u2019une locution, puis ajoutez-le \u00e0 votre...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-francais-le-e-commerce-et-les-mobiles\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/achat-sur-tablette-ecommerce-300x187.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-francais-le-e-commerce-et-les-mobiles\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les Fran\u00e7ais, le e-commerce et les mobiles  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 126<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur mobile, en France.\r\n\r\nLes chiffres viennent d'une \u00e9tude r\u00e9alis\u00e9e d\u2019ao\u00fbt 2013 \u00e0 septembre 2014, sur 50 millions de visites sur tablette et plus de 100 sites e-commerce leaders fran\u00e7ais, multisectoriels.\r\n\r\nA noter : Selon la Fevad, 29,4 millions de personnes sont mobinautes en F...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-nouvelle-langue-automatiquement-prestashop-1-6-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/01\/creer-automatiquement-langue-prestashop-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-nouvelle-langue-automatiquement-prestashop-1-6-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment ins\u00e9rer une nouvelle langue automatiquement | Prestashop 1.6 \/ 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6952<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous souhaitez que votre boutique de vente en ligne soit en plusieurs langues afin de toucher\u00a0une client\u00e8le tr\u00e8s large ?\r\n\r\nIl est tr\u00e8s facile depuis le back-office de Prestashop 1.6 & 1.7 de rajouter une langue avec toutes les traductions.\r\n\r\nPour cela, il existe deux mani\u00e8res:\r\n- depuis le pack de localisation (avec cette mani\u00e8re, vous aurez les traductions mais aussi l'ensemble des\u00a0donn\u00e9es ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop Cette astuce Prestashop est valable pour la version 1.6 Comment centrer le menu sur ma boutique Prestashop ?\u00a0 Il y a q&rsquo;un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu Articles similaires G\u00e9n\u00e9rer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":723,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/726"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/726\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/723"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}