{"id":177,"date":"2020-02-13T10:32:22","date_gmt":"2020-02-13T10:32:22","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=177"},"modified":"2020-02-25T11:39:30","modified_gmt":"2020-02-25T11:39:30","slug":"drop-down-menu-rehberi-html5-jquery-css3","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/","title":{"rendered":"A\u00e7\u0131l\u0131r Menu Rehberi – HTML5, jQuery,CSS3"},"content":{"rendered":"
    \n
  1. A\u00e7\u0131l\u0131r Men\u00fc Rehberine Giri\u015f<\/a><\/li>\n
  2. Sonu\u00e7\u00a0<\/a><\/li>\n<\/ol>\n

    Bug\u00fcn sizlere birbirinden g\u00fczel men\u00fcler haz\u0131rlad\u0131m. \u00a0Sizlerle nas\u0131l etkileyici HTML,CSS ile nas\u0131l men\u00fc \u00f6\u011felerini olu\u015fturabilece\u011fimiz \u00f6rnek rehberleri inceleyece\u011fiz, ayr\u0131ca jQuery de bulabilirsiniz. \u00a0Bu men\u00fcleri gelecekteki projelerinizde kolayl\u0131kla kullanabilir ve kendinize g\u00fczel \u00f6rnekler \u00e7\u0131karabilirsiniz.<\/p>\n

    Hi\u00e7 kimse iyi yap\u0131lm\u0131\u015f bir tasar\u0131m\u0131n g\u00f6rsel olarak \u00e7ekici hissedilmesi i\u00e7in men\u00fcn\u00fcn katk\u0131s\u0131 olmad\u0131\u011f\u0131n\u0131 iddia edemez. Bu Navigasyon men\u00fcs\u00fc rehberlerini inceleyin ve kullan\u0131c\u0131 dostu web siteleri yapmak i\u00e7in kolayl\u0131kla kullan\u0131n. Bu fonksiyonel men\u00fcler ile kullan\u0131c\u0131lar\u0131n\u0131z sitenizde daha kolay tarama yapabilecekler. \u00a0Ayr\u0131ca, kullan\u0131labilirlik ve i\u015flevselli\u011fi teknoloji d\u00fcnyas\u0131nda bir fark yaratman\u0131z i\u00e7in harika olacak.<\/p>\n

    Ekstra olarak bizim html \u015fablonlar\u0131na da g\u00f6z atabilirsiniz. Belki i\u015finize yarar.<\/p>\n

    \"\"<\/a><\/p>\n

    A\u00e7\u0131l\u0131r Men\u00fc Rehberine Giri\u015f<\/h2>\n

    ***<\/p>\n

    Nas\u0131l Kurumsal CSS A\u00e7\u0131l\u0131r Men\u00fc Olu\u015fturulur<\/a><\/p>\n

    Baz\u0131 geli\u015fmi\u015f se\u00e7icileriyle CSS kullanarak kolayca harika bir men\u00fc olu\u015fturabilirsiniz. Harika CSS \u00f6zelliklerini ekleyin ve arka plan resimleri ve Javascript ile ger\u00e7ekle\u015ftirilebilecek bir tasar\u0131m olu\u015fturabilirsiniz. Kendi \u00a0CSS a\u00e7\u0131l\u0131r men\u00fcn\u00fcz\u00fc olu\u015fturmak i\u00e7in sunulan ad\u0131m ad\u0131m \u00f6\u011freticiyi izleyin.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    D\u00fcz A\u00e7\u0131l\u0131r Men\u00fc E\u011fitimi<\/a><\/p>\n

    D\u00fcz A\u00e7\u0131l\u0131r Men\u00fc, minimalist bir teknik d\u00fc\u015f\u00fcn\u00fclerek tasarlanm\u0131\u015f saf bir CSS a\u00e7\u0131l\u0131r men\u00fcs\u00fcd\u00fcr. Bu men\u00fc hi\u00e7bir g\u00f6r\u00fcnt\u00fc kullanmaz ve t\u00fcm b\u00fcy\u00fck taray\u0131c\u0131larda harika \u00e7al\u0131\u015f\u0131r. D\u00fcz A\u00e7\u0131l\u0131r Men\u00fc,\u00a0e\u015fle\u015fen alt men\u00fclere sahip.<\/p>\n

    \"D\u00fcz

    Resim www.pinterest.com<\/p><\/div>\n

    ***<\/p>\n

    CSS3 ile A\u00e7\u0131l\u0131r Men\u00fc Olu\u015fturma<\/a><\/p>\n

    Kendi \u00e7ok d\u00fczeyli CSS3 a\u00e7\u0131l\u0131r men\u00fcn\u00fcz\u00fc nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 \u00f6\u011frenin (ekstra JS dosyalar\u0131 olmadan - temiz CSS). Bu men\u00fc CSS3 kullan\u0131larak yap\u0131ld\u0131\u011f\u0131 i\u00e7in Firefox, Chrome ve Safari taray\u0131c\u0131larda m\u00fckemmel bir performans g\u00f6sterir. Bu men\u00fc IE8 + 'da da \u00e7al\u0131\u015f\u0131r.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    \u00d6ZEL DROP-DOWN L\u0130STE TASARIMI<\/a><\/p>\n

    Baz\u0131 \u00f6zel a\u00e7\u0131l\u0131r listelerin nas\u0131l olu\u015fturulaca\u011f\u0131 size detayl\u0131 k\u0131lavuzu sunmak istiyoruz. Size farkl\u0131 g\u00f6r\u00fcnen a\u00e7\u0131l\u0131r men\u00fcler ve listeler i\u00e7eren be\u015f \u00f6rnek g\u00f6sterece\u011fiz. Detayl\u0131 k\u0131lavuzu bizim taraf\u0131ndan sunulan linkte bulabilirsiniz.<\/p>\n

    \"\"

    Bu resim tympanus.net adresinden al\u0131nd\u0131<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    CSS3 Mega A\u00e7\u0131l\u0131r Men\u00fc<\/a><\/p>\n

    Bu e\u011fitimde size nas\u0131l saf bir CSS3 Mega Men\u00fcs\u00fc olu\u015fturulaca\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Mega Men\u00fcler genellikle kurumsal \/ e-ticaret web sitelerinde kullan\u0131l\u0131r. Bu mega men\u00fcn\u00fcn tasar\u0131m\u0131 The Bricks UI'de bulunabilir. HTML'den ba\u015flayal\u0131m.<\/p>\n

    \"\"

    Bu resim designmodo.com adresinden al\u0131nd\u0131<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    Sexy Drop Down Men\u00fc<\/a><\/p>\n

    Organize ve sezgisel gezinme \u00f6nemlidir ve a\u00e7\u0131l\u0131r men\u00fclerin \u00e7o\u011fu estetik a\u00e7\u0131dan ho\u015f g\u00f6r\u00fcn\u00fcr, ancak onlar\u0131 s\u00fcrekli geli\u015ftirmek de gerekir. Bu e\u011fitimde SexyDrop Down Men\u00fc nas\u0131l olu\u015fturabilece\u011finizi anlataca\u011f\u0131z.<\/p>\n

    \"\"

    Resim www.noupe.com adresinden al\u0131nd\u0131<\/p><\/div>\n

    ***<\/p>\n

    CSS ve jQuery Kullan\u0131lan Drop Down Fantazi Men\u00fc<\/a><\/p>\n

    CSS ve JQuery yard\u0131m\u0131yla drop down men\u00fcs\u00fc nas\u0131l olu\u015fturabilece\u011finizi bilmek ister misiniz? Bu harika e\u011fitim size bu konuda yard\u0131mc\u0131 olabilir. Burada baz\u0131 \u015f\u0131k efektleri eklemek i\u00e7in jQuery animasyon fonksiyonu ve CSS kulland\u0131k. Ayr\u0131ca navigasyon i\u00e7in bir arka plandan da yaraland\u0131k.<\/p>\n

    \"\"

    Bu g\u00f6r\u00fcnt\u00fc www.99points.info adresinden al\u0131nd\u0131<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    CSS3 Minimalistik Navigasyon Men\u00fc<\/a><\/p>\n

    CSS3 animasyonlar\u0131, sayfaya ek komut dosyas\u0131 uygulamaya gerek kalmadan \u00e7al\u0131\u015fan animasyonlar olu\u015fturman\u0131z\u0131 sa\u011flayan g\u00fc\u00e7l\u00fc bir ara\u00e7 hakk\u0131nda herhalde duydunuz. Bu y\u00fczden bu e\u011fitimde gelecek nesil taray\u0131c\u0131larla \u00e7al\u0131\u015facak \u00a0basit bir CSS3 animasyonlu navigasyon men\u00fcs\u00fc nas\u0131l yapabilece\u011finizi g\u00f6stermek istiyoruz.<\/p>\n

    \"\"

    Bu g\u00f6r\u00fcnt\u00fc tutorialzine.com siteden al\u0131nd\u0131<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    Temiz & Modern CSS Drop-Down Men\u00fc<\/a><\/p>\n

    \u015eimdi temiz ve modern CSS A\u00e7\u0131l\u0131r Men\u00fcs\u00fc olu\u015fturman\u0131za yard\u0131mc\u0131 edece\u011fiz.<\/p>\n

    \u0130sterseniz, HTML, CSS ve G\u00f6r\u00fcnt\u00fcler i\u00e7eren bu men\u00fcn\u00fcn kaynak kodunu g\u00fczel bir zip dosyas\u0131nda indirebilirsiniz. Demoyu buradan izleyebilirsiniz. Her b\u00fcy\u00fck taray\u0131c\u0131da harika \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in ger\u00e7ek d\u00fcnya projelerinde kullan\u0131labilen \u00e7ok g\u00fczel bir CSS men\u00fcs\u00fc.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    Nas\u0131l CSS3 ile A\u00e7\u0131l\u0131r Men\u00fc Haz\u0131rlan\u0131r<\/a><\/p>\n

    Bu e\u011fitimde, Empresyonist kullan\u0131c\u0131 aray\u00fcz\u00fcnde bulabilece\u011finiz saf bir CSS3 nav men\u00fcs\u00fcn\u00fcn nas\u0131l kodlanaca\u011f\u0131n\u0131 \u00f6\u011freneceksiniz.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    jQuery ve CSS3 ile A\u015fa\u011f\u0131ya A\u00e7\u0131lan Men\u00fc<\/a><\/p>\n

    Bu \u00f6\u011freticide benzersiz bir kayan kutu navigasyonu olu\u015fturaca\u011f\u0131z. \u00a0Ayr\u0131ca baz\u0131 men\u00fc \u00f6\u011feleri i\u00e7in daha fazla ba\u011flant\u0131 i\u00e7eren bir alt men\u00fc kutusu da ekleyece\u011fiz.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    Renkli CSS3 Animasyonlu Navigazyon Men\u00fc<\/a><\/p>\n

    Bu k\u0131sa \u00f6\u011freticide, \u00a0sadece CSS3 ve Font Awesome simge yaz\u0131 tipini kullanarak renkli bir a\u00e7\u0131l\u0131r men\u00fc olu\u015fturaca\u011f\u0131z. Bu, HTML5 \u00f6zel yaz\u0131 tiplerini destekleyen her taray\u0131c\u0131da g\u00fczel vekt\u00f6r simgeleri alaca\u011f\u0131n\u0131z anlam\u0131na gelir. \u00d6\u011felere simgeler eklemek i\u00e7in yaln\u0131zca bir s\u0131n\u0131f ad\u0131 ataman\u0131z gerekir. CSS3 animasyonlar\u0131 ger\u00e7ekten g\u00fc\u00e7l\u00fc ara\u00e7lard\u0131r, sayfaya ek komut dosyas\u0131 uygulamadan \u00e7al\u0131\u015ft\u0131rabilen animasyonlar olu\u015fturman\u0131za olanak tan\u0131rlar.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    CSS3 Akordion Men\u00fc<\/a><\/p>\n

    Gizli giri\u015fleri ve etiketleri kullanarak, a\u00e7\u0131l\u0131\u015f ve kapal\u0131 i\u00e7erik alanlar\u0131n\u0131 canland\u0131racak yaln\u0131zca CSS \u00f6zellikli bir akordeon olu\u015fturaca\u011f\u0131z. Etraf\u0131nda sadece CSS akordeonlar\u0131n\u0131n bir\u00e7ok varyasyonu vard\u0131r, bunlar\u0131n \u00e7o\u011fu: target pseudo-class kullan\u0131larak uygulan\u0131r.<\/p>\n

    \"\"

    Resim bu tympanus.net siteden al\u0131nd\u0131<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    CSS3 A\u00e7\u0131l\u0131r Men\u00fc<\/a><\/p>\n

    Kenarl\u0131k yar\u0131\u00e7ap\u0131, kutu g\u00f6lgesi ve metin g\u00f6lgesi kullanarak olu\u015fturdu\u011fumuz Mac benzeri \u00e7ok d\u00fczeyli a\u00e7\u0131l\u0131r men\u00fcy\u00fc g\u00f6rmek i\u00e7in demoyu g\u00f6r\u00fcnt\u00fcleyin.Firefox, Safari ve Chrome'da m\u00fckemmel hale getirir. A\u00e7\u0131l\u0131r men\u00fc, IE7 + gibi CSS3 uyumlu olmayan taray\u0131c\u0131larda da \u00e7al\u0131\u015f\u0131r.<\/p>\n

    \"\"

    Bu g\u00f6r\u00fcnt\u00fc webdesignerwall.com siteden al\u0131nd\u0131.<\/p><\/div>\n

    Demo<\/a><\/p>\n

    ***<\/p>\n

    Nas\u0131l bir Kick-Butt CSS3 Mega A\u00e7\u0131l\u0131r Men\u00fc Yap\u0131l\u0131r<\/a><\/p>\n

    Bu e\u011fitimde, g\u00fczel CSS3 \u00f6zelliklerini kullanarak \u00e7apraz taray\u0131c\u0131, sadece harika bir Kick-Butt CSS3 a\u00e7\u0131l\u0131r mega men\u00fcs\u00fcn\u00fcn nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 g\u00f6sterece\u011fiz. Ayr\u0131nt\u0131 bilgi edinmek i\u00e7in ad\u0131m ad\u0131m k\u0131lavuzumuza bir g\u00f6z at\u0131n.<\/p>\n

    \"\"<\/p>\n

    Demo<\/a><\/p>\n

    Sonu\u00e7<\/h2>\n

    G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi bir\u00e7ok CSS men\u00fc \u00f6rnekleri vard\u0131r. \u00a0Herhangi bir men\u00fcy\u00fc olu\u015fturmak i\u00e7in kodlama bilgilerinize sahip olman\u0131z gerekmez. Bizim e\u011fitimleri takip ederek bunu kolayca yapabilirsiniz. Ba\u015fka bildi\u011finiz CSS3 e\u011fitimleri varsa yorum b\u00f6l\u00fcm\u00fcnde payla\u015fmaktan \u00e7ekinmeyin.<\/p>\n

    \"\"<\/a><\/p>\n

    \u0130yi g\u00fcnler ve \u00e7al\u0131\u015fmalar.<\/p>\n

    \u00a0\u00d6nerilen Blog Yaz\u0131lar\u0131:<\/strong><\/p>\n

      \n
    1. 2020 En \u0130yi 50 HTML \u015eablonu<\/a><\/li>\n
    2. Flash Player'a Alternatif Olarak 10 HTML5 Video Oynat\u0131c\u0131s\u0131<\/a><\/li>\n
    3. Sayfalar\u0131n\u0131z\u0131 etkin hale getirecek 2018'\u0131n en pop\u00fcler HTML5 Animasyon Ara\u00e7lar\u0131<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      A\u00e7\u0131l\u0131r Men\u00fc Rehberine Giri\u015f Sonu\u00e7\u00a0 Bug\u00fcn sizlere birbirinden g\u00fczel men\u00fcler haz\u0131rlad\u0131m. \u00a0Sizlerle nas\u0131l etkileyici HTML,CSS ile nas\u0131l men\u00fc \u00f6\u011felerini olu\u015fturabilece\u011fimiz \u00f6rnek rehberleri inceleyece\u011fiz, ayr\u0131ca jQuery de bulabilirsiniz. \u00a0Bu men\u00fcleri gelecekteki projelerinizde kolayl\u0131kla kullanabilir ve kendinize g\u00fczel \u00f6rnekler \u00e7\u0131karabilirsiniz. Hi\u00e7 kimse iyi yap\u0131lm\u0131\u015f bir tasar\u0131m\u0131n g\u00f6rsel olarak \u00e7ekici hissedilmesi i\u00e7in men\u00fcn\u00fcn katk\u0131s\u0131 olmad\u0131\u011f\u0131n\u0131 iddia edemez. Bu […]<\/p>\n","protected":false},"author":1805522,"featured_media":4134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,14],"tags":[583],"yoast_head":"\nA\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3<\/title>\n<meta name=\"description\" content=\"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3\" \/>\n<meta property=\"og:description\" content=\"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-13T10:32:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-25T11:39:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/Sexy-Drop-Down-Menu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"833\" \/>\n\t<meta property=\"og:image:height\" content=\"518\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"A\u00e7\u0131l\u0131r Menu Rehberi – HTML5, jQuery,CSS3\",\"datePublished\":\"2020-02-13T10:32:22+00:00\",\"dateModified\":\"2020-02-25T11:39:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\"},\"wordCount\":1242,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"keywords\":[\"\u0421SS3 men\u00fcleri\"],\"articleSection\":[\"CSS - CSS3\",\"Rehberler\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\",\"name\":\"A\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2020-02-13T10:32:22+00:00\",\"dateModified\":\"2020-02-25T11:39:30+00:00\",\"description\":\"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A\u00e7\u0131l\u0131r Menu Rehberi – HTML5, jQuery,CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3","description":"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/","og_locale":"tr_TR","og_type":"article","og_title":"A\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3","og_description":"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.","og_url":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2020-02-13T10:32:22+00:00","article_modified_time":"2020-02-25T11:39:30+00:00","og_image":[{"width":833,"height":518,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/09\/Sexy-Drop-Down-Menu.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"A\u00e7\u0131l\u0131r Menu Rehberi – HTML5, jQuery,CSS3","datePublished":"2020-02-13T10:32:22+00:00","dateModified":"2020-02-25T11:39:30+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/"},"wordCount":1242,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"keywords":["\u0421SS3 men\u00fcleri"],"articleSection":["CSS - CSS3","Rehberler"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/","url":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/","name":"A\u00e7\u0131l\u0131r Menu Rehberi - HTML5, jQuery,CSS3","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2020-02-13T10:32:22+00:00","dateModified":"2020-02-25T11:39:30+00:00","description":"Sizler i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z 20 a\u00e7\u0131l\u0131r men\u00fc rehberi, CSS3,HTML5 ve jQuery ile haz\u0131rlanm\u0131\u015f m\u00fckemmel a\u00e7\u0131l\u0131r men\u00fcler. \u0130ncelemek i\u00e7in i\u00e7eriye gelin.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/drop-down-menu-rehberi-html5-jquery-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"A\u00e7\u0131l\u0131r Menu Rehberi – HTML5, jQuery,CSS3"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/177"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":23,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"predecessor-version":[{"id":12337,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/177\/revisions\/12337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/4134"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}