Menükészítés CSS-ben

Szerző:   |   2010-05-20

Vízszintes menü készítése rollover effekttel CSS-ben, javascript használata nélkül.

Első rész

Videó

Második rész

Videó

14 hozzászólás

  1. 2014. július 3. csütörtök - 09:02

    Én az IE-vel nem is foglalkoznék, lévén hogy ez a böngésző egy rakat kaki,és remélhetőleg már lassan (mindenki) áttér a mozillara,a chromera,vagy éppen a még számtalan alternatív böngésző egyikére.

  2. 2013. augusztus 14. szerda - 09:43

    Szia Tamas!

    Nekem az a bajom, hogy amikor a hover-t beallitom a menure, akkor kilog, ralog…tehat nem marad a menu kore rakott borderen belul, hanem azon tul log alul es felul. Mi lehet a baj? Koszonom!

    • 2013. szeptember 5. csütörtök - 14:17

      Nézz meg valami újabb menüs anyagot az oldalon, ez már ősrégi. Az újaknál van fent forráskód is.

  3. 2013. július 2. kedd - 14:49

    Szia!
    Nekem az lenne a problémám, hogy megcsinálom a CSS-t és a html kódolást, úgy, ahogy a videóban mutatod, de sajnos a CSS nem akar münködni.. 🙁 se a honlapon, se pedig, ha megnyitom a file-t böngészővel, tudnál segíteni?

  4. 2012. július 9. hétfő - 13:09

    Szia! Nagyon jók a videók, nulláról kezdtem a css-t Nálad 🙂
    A kérdésem az lenne, hogy honnan másoltad ki a végén az explorerhez szükséges filtert színátmenethez?
    Köszi

  5. 2012. március 10. szombat - 17:34

    Hali, valami baja van, nem teszi egymás mellé a menüket és nem formázza meg 😐

    • 2012. március 10. szombat - 23:31

      Sikerült megoldani, ki másoltam máshonnan és mükszik :$ Jók a videóid!!!

  6. 2011. október 22. szombat - 23:47

    Hello!
    Ezeket a speciális Microsoft-os CSS kódokat honnan lehet kinézni vagy kimásolni?

    • 2012. január 23. hétfő - 17:45

      Meg kell tanulni…:D arra van, ha csak “vasárnapi programozó” akarsz lenni, ott a Google 😀

  7. 2011. április 15. péntek - 17:15

    HI!

    Annyi kérdésem lenne, hogy ezt a menüt hogy tudod középre igazítani mert próbáltam a margint meg külön div taggal is de a float felülírja és nem engedi.?

  8. 2010. augusztus 31. kedd - 17:50

    Már rájöttem mi volt a baj!

  9. 2010. augusztus 16. hétfő - 18:31

    Nagyon tetcik a videód, de nekem nem működik 🙁

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • WordPress sablonkészítés

    Nem vagyok programozó, de ezek nagyon alap dolgok. A WP-ben használt függvények nevei és paraméterei megtalálhatók a dokumentációban....

  • WordPress sablonkészítés

    Szia Tamás! Valahol régebben írtad, hogy te webdesigner vagy és nem webfejlesztő (ahol már kódolás kell), mégis profin vágod a php-t. pl., hogy hívju...

  • A Bootstrap 4 grid használata

    Nem tudom, én nagy projektekbe csak alvállalkozóként megyek bele ahol órabérben lehet számlázni és a fővállalkozó garantáltan fizet. De azt is csak ak...

  • WordPress sablonkészítés

    Köszönöm szépen!...

  • WordPress sablonkészítés

    add_action( 'wp_print_styles', 'remove_css', 100 ); function remove_css() { wp_dequeue_style( 'wp-block-library' ); wp_deregister_style( 'wp-b...

  • WordPress sablonkészítés

    Szia Tamás! Hogy lehet kigyakni a head-ből az új, 5.0.2-es wordpress Gutenberg CSS link-rel sorát? Ezt: Próbáltam egy csomó remove_action-t de ...

  • A Bootstrap 4 grid használata

    Az előleg hány százalék? Ha megcsinálod az egészet, és mégsem kell neki, akkor is bukod a teljes munkadíjat, nem? Vagy fázisonként fizettesz vele?...

  • Reszponzív weboldal tervezés Bootstrap használatával

    A media object-ed tudod erre használni: https://www.w3schools.com/bootstrap/bootstrap_media_objects.asp...

  • Reszponzív weboldal tervezés Bootstrap használatával

    Kedves Tamás! Nagyon szuper ez a videód is. Szeretnélek megkérdezni, hogy Bootstrap 3-ban működik-e az, hogy a dobozok szöveges tartalmát nem a doboz ...

  • HTML5 + CSS3 menü

    Ki az a Sanyi?...

  • Scrollbar színezgetés CSS-sel

    Köszi a választ. Igen, egyébként azt használtam, amit először küldtél, és azzal állt fent az említett probléma. Már váltottam plugint azóta, és már me...

  • Bootstrap carousel

    Gondolom azóta biztos megoldottad, de azért belinkelem ide a legújabb verzióját a carousel-nek: https://getbootstrap.com/docs/4.1/components/carousel/...