Odstęp pomiędzy dwoma przyciskami w top menu

[Malinovsky]

Mam pewien problem , który rozwiązałem w wersji 1.5 następująco. 

 

Mam menu , które składa się z 8 przycisków 

 

5 jest wyjustowanych do lewej strony

3 są wyjustowane do prawej strony 

 

Te 3 przyciski ukryłem w kodzie , który był odpowiedzialny za wyszukiwarkę na pasku menu, a pozostałe 5 normalnie umieściłem za pomocą modułu menu i po problemie. 

 

Jednak przy tworzeniu szablonu pod wersję 1.6 chciałbym to zrobić bardziej z głową , ponieważ strona będzie w kilku językach i nie da rady tego ustawić za pomocą mojej metody. 

 

Czy ktoś ma jakieś sugestie jak to rozwiązać ? 

 

Tak by to miało wyglądać. 

 

Edited August 10, 2014 by Malinovsky (see edit history)

[vekia]

dlaczego nie da rady? da radę

tylko musisz korzystać z odpowiedniego kodu

 

możesz pokazać kod odpowiedzialny za nowe elementy?

[Malinovsky]

Nie mam do końca tygodnia niestety dostępu do plików źródłowych, ale zrobiłem to w postaci zwykłej listy

 

<ul class="ta sama co w menu">

<li><a href="http://strona.pl/13_nowosci">Nowości</a></li>

</ul>

 

a przed tym zrobiłem zwykłą przerwę, która oddzieliła jedno menu od drugiego. 

Tylko zrobiłem to na sztywno tak jak masz wyżej. 

Edited August 10, 2014 by Malinovsky (see edit history)

[vekia]

<a href="{$link->getCmsLink(13)}">{l s='new products' mod='blocktopmenu'}</a>

 

powinno załatwić sprawę raz na zawsze

$link będize generował poprawny url a {l s=''} pozwoli na przetłumaczenie nowego elementu w menu

[Malinovsky]

Dorwałem się do kodu źródłowego. 

{if $MENU != ''}
	
	<!-- Menu -->
	<div class="sf-contener clearfix">
		<ul class="sf-menu clearfix">
			{$MENU}
			{if $MENU_SEARCH}
			
                         <li class="przerwa"><span style="width: 58px; display: block;"> </span></li>
     					 <li><a href="http://condomeo.pl/11_bestsellery">Bestsellery</a></li>
						<li><a href="http://condomeo.pl/12_promocje">Promocje</a></li>
						<li><a href="http://condomeo.pl/13_nowosci">Nowości</a></li>
          
            
			</ul>

			{/if}
		
	</div>
	<div class="sf-right"> </div>

	<!--/ Menu -->
{/if}

Czyli wystarczy to zrobić teraz w ten sposób : 

{if $MENU != ''}
<!-- Menu -->
<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
<ul class="sf-menu clearfix menu-content">
{$MENU}
{if $MENU_SEARCH}
 <li class="przerwa"><span style="width: 58px; display: block;"> </span></li>
      <li><a href="{$link->getCmsLink(11)}">{l s='bestseller' mod='blocktopmenu'}</a></li>
<li><a href="{$link->getCmsLink(12)}">{l s='promotions' mod='blocktopmenu'}</a></li>
<li><a href="{$link->getCmsLink(12)}">{l s='new products' mod='blocktopmenu'}</a></li>
          
            


            

{/if}
</ul>
</div>
<!--/ Menu -->
{/if}

Natrafiam jednak na pewien problem. 

 

 

Mianowicie po zrobieniu tego tak jak tutaj strona przy zmniejszaniu okienka rozjeżdża się . Gdzieś prawdopodobnie coś jest nie domknięte, ale nie wiem w sumie gdzie ;/ 

Edited August 10, 2014 by Malinovsky (see edit history)

[vekia]

to czy nie domknięte to najłatwiej sprawdzić podglądając źródło strony :-) jest szansa?

[Malinovsky]

Szansa jest

Wydaje mi się jednak, że te przesunięcia spowodowane są przez automatyczne skalowanie strony. 

 

http://weeding-cars.pl/

Edited August 10, 2014 by Malinovsky (see edit history)

[vekia]

u mnie to wygląda tak:

 

więc nie widzę żadnego przesunięcia

widzę natomiast element li o nazwie odstęp czy coś się zmieniło w założeniach?

[Malinovsky]

Zauważyłeś co się dzieje przy zmniejszaniu okienka przeglądarki ? Logo / Wyszukiwarka i koszyk zmieniają swoją wielkość i wtedy występuje przesunięcie

 

 

li o nazwie odstęp to tylko test

 

 

 

////edit 

 

Finalna wersja rozwiązania dotycząca przerwy między przyciskami: 

 

{if $MENU != ''}
	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
		<ul class="sf-menu clearfix menu-content">
			{$MENU}
			{if $MENU_SEARCH}
     					 <li  style="float:right"><a href="{$link->getCmsLink(11)}">{l s='bestseller' mod='blocktopmenu'}</a></li>
						<li  style="float:right"><a href="{$link->getCmsLink(12)}">{l s='promotions' mod='blocktopmenu'}</a></li>
						<li  style="float:right"><a href="{$link->getCmsLink(13)}">{l s='new products' mod='blocktopmenu'}</a></li>           
		    {/if}
		</ul>
	</div>
	<!--/ Menu -->
{/if}

Więc finalnie jeśli chodzi o przerwę to sprawa jest załatwiona i dziękuję za pomoc. 
Jednak nadal mam mały problem z tym przesunięciem. 

 

Widzisz, że u mnie też jest wszystko okej do chwili gdy nie zmniejszam przeglądarki. 
Zauważ , że przerwa między logiem , a wyszukiwarką i koszykiem się zmniejsza. 

Wtedy też przesuwa mi się ten pasek tła od menu, bo jest on statycznie ustawiony i nie mam pojęcia jak to rozwiązać . 

Edited August 11, 2014 by Malinovsky (see edit history)

[vekia]

spróbuj zdefiniować takie style css

  #header .headerbg {
    background:url('http://weeding-cars.pl/themes/default-bootstrap/img/update/tlo_menu.png') top repeat-x;
  }	
  @media (max-width: 1199px){
    #header .headerbg {
      background-position: 0px -1px;
    }
  }

[Malinovsky]

Okej. Można zamknąć. 

 

Problem rozwiązany Dzięki za pomoc. 

Edited August 14, 2014 by Malinovsky (see edit history)