Clicky

Skocz do zawartości


Zdjęcie
- - - - -

[js superfish] menu hybrydowe

7 odpowiedzi w tym temacie

  • Zaloguj się, aby dodać odpowiedź

#1 rasgan

rasgan

    Młodszy Mastah

  • Użytkownik
  • PipPip
  • 241 postów
  • Skąd:Kleszczów

Napisano 17 październik 2014 - 06:58

Witajcie. Mam problem z superfish w Adobe business. Robię w tym layout dla klienta i mam tam menu które ma 2 poziomy. Nic wielkiego. W 1 poziomie 3 pozycję (o nas, kontakt i produkty) w 2 poziomie kontakt i o nas mają po 3 pozycje rozwijane normalnie w dół. Produkty mają natomiast 24 pozycje i ma to się rozwinąć w dół ale po 6 elementów w 4 kolumnach.

Macie pomysł jak to ugryźć? Mam dostęp tylko do CSS oraz menu ale nie do PHP czy ogólnie kodu.
Szczęścia w mrokach...

#2 DeXTeD

DeXTeD

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 17 październik 2014 - 08:27

Nie wiem co to jest i jak działa superfish w adobe business, ale śmierdzi jakimś WYSIWYGiem...

Jeśli ręcznie nie możesz podzielić tego menu na kilka list, to pozostają kolumny z CSS3.



#3 rasgan

rasgan

    Młodszy Mastah

  • Użytkownik
  • PipPip
  • 241 postów
  • Skąd:Kleszczów

Napisano 17 październik 2014 - 08:35

Sf to skrypt menu w js napisany. Dość popularny. Ja mam dostęp do CSS i mogę dowolnie edytować menu z poziomu PA Adobe (całe CRUD plus przesuwanie Góra dół i poziomy.

Wynikiem tego powstaje mi kod taki:
ul
Li 
A nazwa menu
Ul
Li a podmenu
itd. Wybaczcie formę ale jestem poza domem i mam tylko telefon.
Szczęścia w mrokach...

#4 rasgan

rasgan

    Młodszy Mastah

  • Użytkownik
  • PipPip
  • 241 postów
  • Skąd:Kleszczów

Napisano 18 październik 2014 - 23:50

Tutaj mam stronkę z tym menu: http://forthsonline....resystem.co.uk/

i chciałbym by wyglądało tak jak na obrazku https://drive.google...iew?usp=sharing

 

Nie wiem, mam jakieś zaćmienie. Nie potrafię tego zrobić.


Szczęścia w mrokach...

#5 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 19 październik 2014 - 11:39

To ma wyglądać mniej więcej tak?
jAfyCq7QOsNoD.png



#6 rasgan

rasgan

    Młodszy Mastah

  • Użytkownik
  • PipPip
  • 241 postów
  • Skąd:Kleszczów

Napisano 19 październik 2014 - 12:46

Tak mniej więcej tylko żeby jeszcze było równe tło pod spodem.


Szczęścia w mrokach...

#7 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 19 październik 2014 - 13:58

li.mega-menu {
    position: static;
}

li.mega-menu > ul {
    background: #fff;
    left: 10px;
    right: 10px;
    top: 46px;
}

li.mega-menu > ul > li {
    float: left;
    width: 12.5%;
}

li.mega-menu > ul > li > ul {
    display: block !important;
    min-width: inherit;
    opacity: 1 !important;
    position: static;
}

li.mega-menu li {
    white-space: normal;
}

Z resztą już chyba sobie poradzisz ;)


  • rasgan lubi to

#8 rasgan

rasgan

    Młodszy Mastah

  • Użytkownik
  • PipPip
  • 241 postów
  • Skąd:Kleszczów

Napisano 19 październik 2014 - 18:45

Tak, dzięki wielkie.


Szczęścia w mrokach...




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych