Jump to content

Pozadí hlavičky přes celou stránku u PS 1.5.6.1


vanad

Recommended Posts

Poradí mi prosím někdo, jak mám upravit kód, aby se mi zobrazovalo pozadí hlavičky přes celou stránku, ale jeho vnitřní prvky zůstaly na svém místě? PHP neznám, zkoušel jsem různé návody, nic mi nefunguje. Originál šablonu už nepoužívám a proto se ta úprava oproti návodu bude asi muset trochu změnit, ale nevím, jak. Děkuji všem za pomoc.

 

Návod zde: http://www.prestashop.com/forums/topic/272322-solved-how-to-create-full-width-header-background/?do=findComment&comment=1363939

 

Můj kód header.tpl:

{$HOOK_HEADER}
	</head>
	
	<body class="resp {if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}" {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/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 id="layout" class="clearfix">

			<!-- Header -->
			<div id="header">
				<div id="header_right">
                                    <div id="logo_wrapper">
				<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'}" />
				</a>
                                    </div>    
					{$HOOK_TOP}
				</div>
			</div>

			<div id="columns" class="clearfix">
				<!-- Left -->
				<div id="left_column" class="column">
					{if (isset($page_name) and $page_name == 'index')}{$HOOK_LEFT_COLUMN}{elseif (isset($page_name) and $page_name == 'category')}{$HOOK_LEFT_COLUMN}{elseif (isset($page_name) and $page_name == 'product')}{$HOOK_LEFT_COLUMN}{else}{$HOOK_LEFT_COLUMN}{/if}
				</div>

				<!-- Center -->
				<div id="center_column" class="{if (isset($page_name) and $page_name == 'index')} columnWide2{elseif (isset($page_name) and $page_name == 'category')} columnWide2{elseif (isset($page_name) and $page_name == 'product')} columnWide2{else} columnWide2{/if}">
	{/if}

Edited by vanad (see edit history)
Link to comment
Share on other sites

Doporučuji udělat hlavičku s plnou width a potom tomu dát dceřiný div s šířkou např 980px a margin: auto. Tim se obsah hlavicky vycentruje, ale vnejsi div bude pres celou stranku - lze tam tim padem vlozit vlastni pozadi etc.. Bohuzel se podobne upravy bez znalosti aspon zakladu html/css delaji skutecne spatne a je lepsi si napriklad na Webtrhu najmout nekoho, kdo to za par minut udela...

  • Like 1
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
×
×
  • Create New...