Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: Mr_Dziadek w Listopad 28, 2009, 11:57:33 am

Tytuł: Top horizontal menu
Wiadomość wysłana przez: Mr_Dziadek w 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] (http://img142.imageshack.us/i/aaavzoi.jpg/)

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: Mr_Dziadek w 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 :)

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: galganka w 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 :-)

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: Mr_Dziadek w 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.

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: galganka w Grudzień 02, 2009, 03:22:29 pm

Coś na temat ujemnych wartości : http://www.internetmaker.pl/artykul/6326,1,jak_stworzyc_uklad_kolumnowy_przy_uzyciu_negatywnych_marginesow.html

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: Mr_Dziadek w Grudzień 03, 2009, 08:11:25 pm

Jeszcze raz dziękuję, będę kombinował.

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: lof w 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 :)

Tytuł: Odp: Top horizontal menu
Wiadomość wysłana przez: Mr_Dziadek w 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

Kod: [Zaznacz]

     {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:

Kod: [Zaznacz]

        {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}