Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Menu w CSS albo html - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Menu w CSS albo html (/thread-menu-w-css-albo-html)



Menu w CSS albo html - superman - 18-12-2009

Czy zrobi takie menu za pomocą CSS tak jak jest na stronie http://www.eska.pl chodzi mi o to że jak rozwinę np. POSŁUCHAJ TOP LISTY MUZYKA itd to rozwija się menu i zmienia się tło na inne. Jeśli tak to jak to zrobić?


RE: Menu w CSS albo html - BeamBear - 18-12-2009

zaczynasz tu (trzeci przykład) - http://www.kurshtml.boo.pl/skrypty/wyglad,menu_rozwijane.html i bawisz się css i grafiką tak długo aż osiągniesz pożądany efekt


RE: Menu w CSS albo html - superman - 18-12-2009

(18-12-2009, 17:50)BeamBear napisał(a): zaczynasz tu (trzeci przykład) - http://www.kurshtml.boo.pl/skrypty/wyglad,menu_rozwijane.html i bawisz się css i grafiką tak długo aż osiągniesz pożądany efekt

Aleś mi pomógł - ja już znam html i css w sumie w stopniu dobrym ale pytam o pewne rzeczy. Chodzi mi w szczególności o menu zrobione w photoshopie czyli wstawiony mam obrazek - jak mam osiągnąć potem taki rezultat że poszczególne przyciski z menu wykonanym w photoshopie zmienia kolory


RE: Menu w CSS albo html - BeamBear - 18-12-2009

Jeżeli znasz css i html i to w stopniu w sumie dobrym, to nie widzę problemu i powodu twego oburzenia. Każdy z elementów menu zamykasz w dwóch pojemnikach - większemu ustawiasz w css obrazek jako tło. Mniejszemu tworzysz dwa style - zwykły i z pseudoklasą hover. Definiujesz sobie style jak chcesz z uwzględnieniem, że zwykły ma nie wyświetlać żadnego formatowania, a hover ma wyświetlać inny kolor tła albo inny obrazek. Oczywiście to przy założeniu, że menu ma być podobne do tego z Eski.

A na boo się nie pultaj Smile, bo jak Ci pisałem - w trzecim przykładzie masz menu działające jak to eskowe. Jedyne co pozostaje do zrobienia, to to co napisałem - ustawić sobie obrazki jako tła i dodać dwie nowe klasy.

Edit: jeszcze jedna rzecz - możesz zawsze sobie zerknąć na jakieś menu z wykorzystaniem jquery, które zapewni Ci więcej efektów specjalnych


RE: Menu w CSS albo html - superman - 18-12-2009

(18-12-2009, 21:10)BeamBear napisał(a): Jeżeli znasz css i html i to w stopniu w sumie dobrym, to nie widzę problemu i powodu twego oburzenia. Każdy z elementów menu zamykasz w dwóch pojemnikach - większemu ustawiasz w css obrazek jako tło. Mniejszemu tworzysz dwa style - zwykły i z pseudoklasą hover. Definiujesz sobie style jak chcesz z uwzględnieniem, że zwykły ma nie wyświetlać żadnego formatowania, a hover ma wyświetlać inny kolor tła albo inny obrazek. Oczywiście to przy założeniu, że menu ma być podobne do tego z Eski.

A na boo się nie pultaj Smile, bo jak Ci pisałem - w trzecim przykładzie masz menu działające jak to eskowe. Jedyne co pozostaje do zrobienia, to to co napisałem - ustawić sobie obrazki jako tła i dodać dwie nowe klasy.

Edit: jeszcze jedna rzecz - możesz zawsze sobie zerknąć na jakieś menu z wykorzystaniem jquery, które zapewni Ci więcej efektów specjalnych

Możecie mi podać jakiś konkretny kod z tym przykładem? Bo ja mam jedno menu robione w photoshopie i zapisane jako jpg i w tym menu poziomym mam o sobie, hobby itd i jak mam dokładnie to zrobić? proszę o pomoc