Jump to content
Sign in to follow this  
Damian92

Wysuwana lista z odnośnikiem z menu phpBB2 modified by Przemo

Recommended Posts

Witam. Nie jestem ekspertem w html także potrzebuje pomocy   Mianowicie chiałbym w menu nawigacji zrobić coś takiego jak poniżej:

 

http://screenshot.sh/oB65XyE6Q9ozm

 

Czyli, że jak kliknę w daną komórkę menu (w tym przypadku to kluby) to otworzy mi się taka lista jak powyżej, i dodatkowo jak wybiorę któryś z danych klubów przeniesie mnie gdzie ustawię ścieżkę, chodzi mi tylko o kod który jak podejrzewam trzeba do overall_header.tpl stylu dać. Styl mój to gloomy_blue.

 

http://screenshot.sh/n9kkVrTppRhhe

 

I jak na ss powyżej chciałbym dodać taką listę np. do Primera Division. Ogólnie kody u mnie w menu tak wyglądają (<li><a href="" class="hover">Primera Division</a></li>). No i tu jest pies pogrzebany bo nie wiem jakie kody za to dopowiadają żeby taka lista rozwijana z menu była. Dziękuję bardzo z góry za pomoc ☺️

Share this post


Link to post

Tylko, że w przypadku kliknięcia będzie trzeba użyć JSa. Tutaj jest kilka rozwiązań, można przez funkcję css(), addClass/removeClass() lub najprościem (według mnie) przez toggle().

  • Like 1

Share this post


Link to post
10 minut temu, rogue napisał:

Tylko, że w przypadku kliknięcia będzie trzeba użyć JSa.

Nie trzeba  w CSSie jest pseudoklasa :target

  • Like 1

Share this post


Link to post

Dzięki, spróbuję, zobaczymy co mi to wyjdzie

Share this post


Link to post
12 godzin temu, Salva napisał:

Nie trzeba  w CSSie jest pseudoklasa :target

No faktycznie jest

Ale z tego co widziałem posiada ograniczone możliwości i w przypadku wysuwanego menu nie będzie to czego oczekuje autor. Skoro przy CSS jesteśmy to ja też myślałem by użyć pseudoklasy :focus ☺️

  • Like 1

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...