Jump to content

Changer la position du blockusersinfo

chantal.herman
 Share

Recommended Posts

chantal.herman Newbie

chantal.herman

Posted
Posted

Bonjour à tous,

 

Je viens de faire la mise à jour 1.5.4.1 qui m'a un peu destructuré ma page d'accueil. Quelqu'un pourrait-il m'aider à replacer le menu et le blockusersinfo de mon site

 

www.philippe-emery.Fr

 

Merci beaucoup à tous.

 

voici mon blockusersinfo.css

 

/* block top user information */
#header_right #header_user {
clear:both;
float: right;
margin-top:8px;
width: 535px;
}
#header_user #header_nav {
list-style-type:none;
float:right;
}
/* cart */
#shopping_cart {



}
#shopping_cart a{
height: 15px;
padding:15px 27px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;
min-width: 130px;/* 200 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;display:block}
#shopping_cart a:hover span{text-decoration: none}
#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }

/* account */
#header_user #your_account {display:none;}
#header_user #your_account a { background-image: url('img/icon/my-account.gif') }
/* user infos */
#header_user_info {
clear:both;
float:right;
margin-top:10px;
padding:0;
font-size:12px
}
#header_user_info a {
display:inline-block;
margin:0 0 0 10px;
padding:3px 0 0 34px;
line-height: 11px;
border-left:1px solid #000
}
#header_user_info a.account {
border: none;
display: inline;
margin: 0;
padding: 0;
}
*:first-child+html #header_user_info a {line-height:14px;}
#header_user_info a.login {background: url('img/icon/login.gif') no-repeat 10px 0}
#header_user_info a.logout {background: url('img/icon/logout.png') no-repeat 10px -1px}

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted

1 supprimer la class container_9 clearfix dans le div header dans le tpl

2 supprimer la class grid_6 omega dans le div header_right dans le tpl

 

 

blockuserinfos.css:

#header_right #header_user -> mettez le top 70

 

blocksearch.css ligne 3

#header_right #search_block_top input

ajouter margin-top:-15px

Link to comment
Share on other sites
chantal.herman Newbie

chantal.herman

Posted
  • Author
Posted

Faut-il que je supprime tout ?

 

<div class="wapper">

<div id="page" class="container_9 clearfix">

 

<!-- Header -->

<div id="header" class="grid_9 alpha omega">

<div class="logo_pres">

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

</a>

<p class="pres_top">{l s='presta theme'}<br/>{l s='Fashion Clothes Shop'}</p>

</div>

<div id="header_right" class="grid_6 omega">

{$HOOK_TOP}

</div>

</div>

 

 

merci

Link to comment
Share on other sites
chantal.herman Newbie

chantal.herman

Posted
  • Author
Posted

J'ai un peu de mal là dessus ..

 

{*
* 2007-2012 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2012 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 lt-ie6 " lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8 ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]> <html lang="fr" class="no-js ie9" lang="en"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
 <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
 <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
 <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
 <meta http-equiv="content-language" content="{$meta_language}" />
 <meta name="generator" content="PrestaShop" />
 <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
 <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
 <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
 <script type="text/javascript">
  var baseDir = '{$content_dir}';
  var baseUri = '{$base_uri}';
  var static_token = '{$static_token}';
  var token = '{$token}';
  var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
  var priceDisplayMethod = {$priceDisplay};
  var roundMode = {$roundMode};
 </script>
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
{if $page_name == 'products-comparison'}
 <link href="{$css_dir}jquery.jscrollpane.css" rel="stylesheet" type="text/css" media="{$media}" />
{/if}
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
<!--[if IE 7]><link href="{$css_dir}global-ie.css" rel="stylesheet" type="text/css" media="{$media}" /><![endif]-->
{if $page_name == 'products-comparison'}
 <script type="text/javascript" src="{$js_dir}jquery.jscrollpane.min.js"></script>
{/if}
 {$HOOK_HEADER}
</head>

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if}">
{if !$content_only}
 {if isset($restricted_country_mode) && $restricted_country_mode}
 <div id="restricted-country">
  <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
 </div>
 {/if}
 <div class="wapper">
 <div id="page" class="container_9 clearfix">
  <!-- Header -->
  <div id="header" class="grid_9 alpha omega">
   <div class="logo_pres">
 <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
   </a>
 <p class="pres_top">{l s='presta theme'}<br/>{l s='Fashion Clothes Shop'}</p>
   </div>
   <div id="header_right" class="grid_6 omega">
 {$HOOK_TOP}
   </div>
  </div>
  <div id="columns" class="grid_9 alpha omega clearfix">
   <!-- Left -->
   {if $page_name !='index'}
   <div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
   </div>
   {/if}
   <!-- Center -->
   <div id="center_column" class=" grid_5">
{/if}

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted 
<div class="wapper">
<div id="page" class="container_9 clearfix">
<!-- Header -->
<div id="header">
<div class="logo_pres">
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
</a>
<p class="pres_top">{l s='presta theme'}<br/>{l s='Fashion Clothes Shop'}</p>
</div>
<div id="header_right">
{$HOOK_TOP}
</div>
</div>

Link to comment
Share on other sites
chantal.herman Newbie

chantal.herman

Posted
  • Author
Posted

Vous m'aviez dit dans votre premier message :

 

1 supprimer la class container_9 clearfix dans le div header dans le tpl

2 supprimer la class grid_6 omega dans le div header_right dans le tpl

 

Je pense avoir compris pour la class container_9.. mais pour le "2" est-ce également ce que vous m'avez envoyé ?

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted

c'est un peu déroutant.

Je vous ai donné l'explication sur le 1er post et ensuite le code modifié.

 

Vous avez compris pour 1 et pas pour 2 alors que c'est pareil.

 

regardez le code modifié et vous verrez que dans le <div id="header_right"> il n'y a plus de class.

 

Par contre votre site est en erreur 404

Link to comment
Share on other sites
chantal.herman Newbie

chantal.herman

Posted
  • Author
Posted

Ok en fait il y avait "mésentente" dans le sens ou je n'avais pas très bien compris le sens du mot "class". Je pensais qu'il fallait supprimer tout une partie de ce div. Je n'avais pas vu que c'était simplement le terme "class container_9 clearfix" et "class grid_6 omega" qu'il fallait supprimer autant pour moi.

 

Le résultat est bon c'est parfait merci encore beaucoup. il me manque simplement le menu à monter d'un cran pour qu'il ne se superpose plus et ce sera bon ! Un dernier coup de main ?

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...