wdrożenia PrestaShop

Top horizontal menu

  • 7 Odpowiedzi
  • 7593 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline Mr_Dziadek

  • Nowy
  • *
  • 6
  • 0
Top horizontal menu
« dnia: Listopad 28, 2009, 11:57:33 am »
Witam wszystkich użytkowników forum.
Mam nadzieję, że pomożecie mi rozwiązać ostatni już problem związany z wyglądem presty :)
W module blocktopmenu chciałbym przesunąć kolejne pola menu oraz "search" w prawo tak jak na załączonym obrazku. Próbowałem już wszystkich kombinacji w superfish-modyfied.css, ale zawsze jest coś nie tak.

[img=http://img142.imageshack.us/img142/1265/aaavzoi.th.jpg]


*

Offline Mr_Dziadek

  • Nowy
  • *
  • 6
  • 0
Odp: Top horizontal menu
« Odpowiedź #1 dnia: Listopad 28, 2009, 07:54:20 pm »
Solved. Dodałem position: relative; left: 146px;  w ".sf-menu li"  i  "li.sf-search"  i jak narazie działa :)

*

Offline galganka

  • Uśmiechnij się, jutro możesz nie mieć zębów :P
  • Tubylec
  • ****
  • 230
  • 0
  • Płeć: Kobieta
    • Selone.com
Odp: Top horizontal menu
« Odpowiedź #2 dnia: Listopad 29, 2009, 06:53:10 pm »
Wydaje mi się, że to nie jest najlepsze rozwiązanie, bo jeśli zajrzysz na swoją stronę z ekranu o innej rozdzielczości, może się okazać, że wszystko jest w innym miejscu, bo parametr left: 146px; widzisz tylko Ty z poziomu Twojego ekranu i zawsze będziesz miał wszystko an swoim miejscu.

Generalnie nie jest bezpiecznie ustawiać grafikę i jakiekolwiek elementy na sztywno.

Nie jestem do końca pewna czy zrozumiałam pytanie, ale czy nie lepiej byłoby zmienić float: right na left? lub jeśli nie ma float, po prostu go wrzucić i po kłopocie :-)

*

Offline Mr_Dziadek

  • Nowy
  • *
  • 6
  • 0
Odp: Top horizontal menu
« Odpowiedź #3 dnia: Grudzień 01, 2009, 10:54:59 pm »
Dziękuję bardzo za poradę. Niestety kiedy wrzucę float-right to text mam całkowicie z prawej strony a pole search po jego lewej, a chciałbym odwrotnie.

*

Offline galganka

  • Uśmiechnij się, jutro możesz nie mieć zębów :P
  • Tubylec
  • ****
  • 230
  • 0
  • Płeć: Kobieta
    • Selone.com
Odp: Top horizontal menu
« Odpowiedź #4 dnia: Grudzień 02, 2009, 03:22:29 pm »

*

Offline Mr_Dziadek

  • Nowy
  • *
  • 6
  • 0
Odp: Top horizontal menu
« Odpowiedź #5 dnia: Grudzień 03, 2009, 08:11:25 pm »
Jeszcze raz dziękuję, będę kombinował.

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Top horizontal menu
« Odpowiedź #6 dnia: Grudzień 06, 2009, 07:15:08 pm »
a jak zminisz kolejnosc lementów w header.tpl? i dasz obu flat right + searcha dasz margin-right: 1- lub 20px ile chces bedzie ok : )


ps.
http://karexline.com/

moje wdrożenie :)
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline Mr_Dziadek

  • Nowy
  • *
  • 6
  • 0
Odp: Top horizontal menu
« Odpowiedź #7 dnia: Grudzień 08, 2009, 06:59:02 pm »
Dzieki wielkie :) Juz raz probowalem tak zrobic, ale mi nie wychodzilo, a dzisiaj odkrylem co jest odpowiedzialne za co :) W blocktopmenu.tpl trzeba bylo zamienic {$MENU} z      {if $MENU_SEARCH}
            <li class="sf-search noBack" >
              <form id="searchbox" action="search.php" method="get">

<input type="hidden" value="desc" name="orderway"/>
               
<input type="hidden" value="position" name="orderby"/>
           <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query}{/if}" />   

I wyszlo tak:

        {if $MENU != ''}
        </div>
<!-- Menu -->
        <div class="sf-contener">
          <ul class="sf-menu">

     {if $MENU_SEARCH}
            <li class="sf-search noBack" >
              <form id="searchbox" action="search.php" method="get">

<input type="hidden" value="desc" name="orderway"/>
               
<input type="hidden" value="position" name="orderby"/>
           <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query}{/if}" />         
         
              </form>


            </li>
            {$MENU}
       
            {/if}
          </ul>
        <div class="sf-right">&nbsp;</div>
        <script type="text/javascript" src="{$this_path}js/hoverIntent.js"></script>
        <script type="text/javascript" src="{$this_path}js/superfish-modified.js"></script>
        <link rel="stylesheet" type="text/css" href="{$this_path}css/superfish-modified.css" media="screen">
<!--/ Menu -->
        {/if}