{"id":1564,"date":"2014-06-12T10:34:11","date_gmt":"2014-06-12T10:34:11","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=1564"},"modified":"2015-03-02T13:33:17","modified_gmt":"2015-03-02T13:33:17","slug":"canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/","title":{"rendered":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler"},"content":{"rendered":"<p>CSS3 ve HTML5 ile birlikte tasar\u0131m\u0131 geli\u015ftirme d\u00fcnyas\u0131nda bir devrim ya\u015fand\u0131. Bug\u00fcn tasar\u0131mc\u0131lar ve web geli\u015ftiriciler ilgin\u00e7 ve yarat\u0131c\u0131 web siteleri olu\u015fturabilmek i\u00e7in ilgin\u00e7 \u00f6zellikleri ve teknikleri kullanmakta CSS3 ve HTML5 ile daha i\u015flevsel ve g\u00f6rsel \u00e7ekici web siteleri olu\u015fturabilirsiniz.<\/p>\n<p>Hem dil geli\u015ftiriciler hemde site sahipleri i\u00e7in ger\u00e7ekten \u00e7arp\u0131c\u0131 g\u00f6rsel efektler olu\u015fturmak ve uygulama konusu g\u00fcn\u00fcm\u00fczde olduk\u00e7a kolay ve basittir. Ayr\u0131ca bunlar hakk\u0131nda ola\u011fan \u00fcst\u00fc web \u00f6\u011freticilerinin bir dizisini bulabilirsiniz.<\/p>\n<p>Hem profesyonel hem de acemi tasar\u0131mc\u0131lar CSS3'\u00fcn yeni ve ilgin\u00e7 \u015feyler denemeyi ve yaratmay\u0131 seviyorlar. \u00a0Ayr\u0131ca daha fazla bilgiye ihtiya\u00e7 olabilir - hangi CSS dosyas\u0131n\u0131 de\u011fi\u015ftirmelisiniz? Siz yapabildiniz mi? Cevap \u015fablonu yeniden y\u00fcklemek mi? Bizim bug\u00fcnk\u00fc koleksiyonumuzda, size HTML5 ve CSS3 tabanl\u0131 men\u00fcleri en iyi ve \u00fccretsiz drop down men\u00fcleri sunmak istiyorum. Bu koleksiyon ile CSS3 men\u00fclerinin etkili ve \u00e7ekici bir se\u00e7imini olu\u015fturman\u0131za yard\u0131mc\u0131 olaca\u011f\u0131m\u0131z\u0131 umuyoruz.<\/p>\n<p>Zaman\u0131n\u0131z\u0131 alma istemiyorum ve bu nedenle se\u00e7imlerimiz ile do\u011frudan tan\u0131\u015fmak i\u00e7in gidelim!<\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/css-navigation\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">CSS Navigation<\/a><\/p>\n<p>A\u00e7\u0131l\u0131r efekt ve \u00e7e\u015fitli efektler ile basit CSS3 navigasyon paneli.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1566\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_9.jpg\" alt=\"free_css3_menu_9\" width=\"600\" height=\"212\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_9.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_9-300x106.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/tutorialzine.com\/2011\/05\/css3-animated-navigation-menu\/\" target=\"_blank\" rel=\"nofollow\">CSS3 Animated Menu<\/a><\/p>\n<p>Basit ama g\u00fczel CSS3 animasyonlu men\u00fc.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1567\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_8.jpg\" alt=\"free_css3_menu_8\" width=\"600\" height=\"212\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_8.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_8-300x106.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.designzzz.com\/coding\/blur-effect-transition-css3-tutorial\/\" target=\"_blank\" rel=\"nofollow\">Blur Effect on Navigation Bar \u2013 CSS3 Transition<\/a><\/p>\n<p>Instagram d\u00fc\u015fk\u00fcn\u00fc olanlar bulan\u0131kla\u015ft\u0131rmaya a\u015finad\u0131r, internet kullan\u0131c\u0131lar\u0131 aras\u0131nda olduk\u00e7a pop\u00fcler hale gelmi\u015ftir. Bu \u00f6\u011fretici de bulan\u0131k CSS3 olu\u015fturman\u0131n nas\u0131l yap\u0131ld\u0131\u011f\u0131n\u0131 bulacaks\u0131n\u0131z.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1568\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_7.jpg\" alt=\"free_css3_menu_7\" width=\"600\" height=\"212\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_7.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_7-300x106.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.designzzz.com\/coding\/menu-css3-animated-transition-effect\/\" target=\"_blank\" rel=\"nofollow\">Vertical Slide Hover Effect for Menu Bars with CSS3<\/a><\/p>\n<p>Sitenize ekstra bir Way be fakt\u00f6r\u00fc verece\u011fi olduk\u00e7a kesin.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1569\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_6.jpg\" alt=\"free_css3_menu_6\" width=\"600\" height=\"212\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_6.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_6-300x106.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.ixtendo.com\/html5css3-gray-navigation-menu\/\" target=\"_blank\" rel=\"nofollow\">CSS3 Grey Navigation Menu<\/a><\/p>\n<p>HTML5 ve CSS3 ile in\u015fa edilmi\u015f harika bir resimsiz men\u00fc.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1570\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_5.jpg\" alt=\"free_css3_menu_5\" width=\"600\" height=\"212\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_5.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_5-300x106.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/skyrim-inspired-drop-down-menu\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Skyrim-inspired Drop Down Menu<\/a><\/p>\n<p>Bu men\u00fc tasar\u0131m\u0131 ile kesinlikle bir titre\u015fim hissedeceksiniz.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1571\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_4.jpg\" alt=\"free_css3_menu_4\" width=\"600\" height=\"300\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_4.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_4-300x150.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2011\/10\/24\/creative-css3-animation-menus\/\" target=\"_blank\" rel=\"nofollow\">Creative CSS3 Animation Menu<\/a><\/p>\n<p>Bu men\u00fcn\u00fcn yazar\u0131 ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde her \u015feyi a\u00e7\u0131k\u00e7a ortaya koymu\u015ftur. \u00a0Bu men\u00fc olduk\u00e7a g\u00fczel ve etkileyici bir izlenim sunar.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1572\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_3.jpg\" alt=\"free_css3_menu_3\" width=\"600\" height=\"782\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_3.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_3-230x300.jpg 230w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/css3menu.com\/elegant-dark-menu.html\" target=\"_blank\" rel=\"nofollow\">Elegant Dark CSS3 Menu<\/a><\/p>\n<p>Web sitenizin g\u00fcvenli bir men\u00fc kullanmas\u0131 ve yeterince siyah kullan\u0131lmas\u0131 onu her zaman moda yapar.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1573\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_23.jpg\" alt=\"free_css3_menu_23\" width=\"600\" height=\"289\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_23.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_23-300x144.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/webdesignerwall.com\/tutorials\/css3-dropdown-menu\" target=\"_blank\" rel=\"nofollow\">CSS3 Dropdown Menu<\/a><\/p>\n<p>Border-radios, box-shadow ve text shadow ile olu\u015fturulan bu Mac tarz\u0131 a\u00e7\u0131lan men\u00fcye bir g\u00f6z atman\u0131zda fayda var.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1574\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_22.jpg\" alt=\"free_css3_menu_22\" width=\"600\" height=\"196\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_22.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_22-300x98.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/designmodo.com\/css3-dropdown-menu\/\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">How to Create CSS3 Dropdown Menu<\/a><\/p>\n<p>Bu e\u011fitimde size izlenimci UI bulabilece\u011finiz saf bir CSS3 navigasyon men\u00fc kodunu \u00f6\u011freneceksiniz.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1575\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_21.jpg\" alt=\"free_css3_menu_21\" width=\"600\" height=\"196\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_21.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_21-300x98.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.script-tutorials.com\/creating-css3-dropdown-menu\/\" target=\"_blank\" rel=\"nofollow\">Creating a cool CSS3 Dropdown Menu<\/a><\/p>\n<p>Kendi d\u00fczeyli \u00a0CSS3 ile men\u00fc \u00a0(Saf \u00a0CSS ekstra JS dosyalar\u0131 olmadan)\u00a0nas\u0131l olu\u015fturulur \u00f6\u011frenin.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1576\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_20.jpg\" alt=\"free_css3_menu_20\" width=\"600\" height=\"300\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_20.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_20-300x150.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/lwis.net\/free-css-drop-down-menu\/\" target=\"_blank\" rel=\"nofollow\">Free CSS Drop-Down Menu Framework<\/a><\/p>\n<p>Bu framework olduk\u00e7a uzun bir s\u00fcre \u00f6nce yay\u0131nlanmas\u0131na ra\u011fmen, hala harika olmaya devam ediyor.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1577\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_2.jpg\" alt=\"free_css3_menu_2\" width=\"600\" height=\"197\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_2.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_2-300x98.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/net.tutsplus.com\/tutorials\/design-tutorials\/how-to-build-and-enhance-a-3-level-navigation-menu\/?search_index=6\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">How to Design Three-level Navigation Menu<\/a><\/p>\n<p>Bu \u00f6\u011fretici de \u00e7ekici \u00e7apraz taray\u0131c\u0131 navigasyon men\u00fcs\u00fcn\u00fc nas\u0131l yapabilece\u011finizi \u00f6\u011freneceksiniz; \u00f6nemli \u00f6zellikleri CSS3 geli\u015ftiricileri i\u00e7in birden fazla alt men\u00fcleri ve jQuery animasyonlar\u0131 i\u00e7erir.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1578\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_19.jpg\" alt=\"free_css3_menu_19\" width=\"600\" height=\"288\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_19.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_19-300x144.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/another-simple-css3-dropdown-menu\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Another Simple CSS3 Dropdown Menu<\/a><\/p>\n<p>Josh Riser taraf\u0131ndan yap\u0131lm\u0131\u015f saf CSS3 kullan\u0131larak yap\u0131lan \u015fa\u015f\u0131rt\u0131c\u0131 bir a\u00e7\u0131l\u0131r men\u00fc.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1579\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_18.jpg\" alt=\"free_css3_menu_18\" width=\"600\" height=\"256\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_18.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_18-300x128.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/awesome-menu-bar\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Awesome CSS3 Menu Bar<\/a><\/p>\n<p>Danny Knaack taraf\u0131ndan yap\u0131lan tasar\u0131m d\u00fczg\u00fcn animasyonlu bir men\u00fc \u00e7ubu\u011funa sahip.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1580\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_17.jpg\" alt=\"free_css3_menu_17\" width=\"600\" height=\"240\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_17.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_17-300x120.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/tutorialzine.com\/2010\/06\/css3-minimalistic-navigation-menu\/\" target=\"_blank\" rel=\"nofollow\">CSS3 Minimalistic Navigation Menu<\/a><\/p>\n<p>CSS3 animasyonlar ile sayfaya ek komut uygulayarak \u00e7al\u0131\u015ft\u0131rabilirsiniz, animasyonlar yaratmak i\u00e7in ger\u00e7ekten g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1581\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_16.jpg\" alt=\"free_css3_menu_16\" width=\"600\" height=\"300\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_16.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_16-300x150.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/collection-of-menu-effects\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Collection of CSS Menu Effects<\/a><\/p>\n<p>IE8 inceliklerini a\u015fa\u011f\u0131layan saf CSS men\u00fc eklentilerinin bir koleksiyonu.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1582\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_15.jpg\" alt=\"free_css3_menu_15\" width=\"600\" height=\"275\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_15.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_15-300x137.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/facebook-style-dropdown-menu-v2\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Facebook Style Drop-down CSS3 Menu<\/a><\/p>\n<p>Bu orijinal Facebook tarz\u0131 a\u00e7\u0131l\u0131r men\u00fcn\u00fcn bir ba\u015fka versiyonudur.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1583\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_14.jpg\" alt=\"free_css3_menu_14\" width=\"600\" height=\"255\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_14.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_14-300x127.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/clean-and-minimal-menu-navigation-in-pure-css3\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Clean &amp; Minimal Navigation Menu in Pure CSS<\/a><\/p>\n<p>Her b\u00fcy\u00fck taray\u0131c\u0131 i\u00e7in ger\u00e7ek d\u00fcnyada kullan\u0131labilinecek g\u00fczel bir CSS men\u00fc projesi.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1584\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_13.jpg\" alt=\"free_css3_menu_13\" width=\"600\" height=\"255\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_13.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_13-300x127.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/www.red-team-design.com\/css3-animated-dropdown-menu\" target=\"_blank\" rel=\"nofollow\">CSS3 Animated Drop-down Menu<\/a><\/p>\n<p>Bu e\u011fitimde harika \u00f6zellikler ile bir CSS3 animasyonlu a\u00e7\u0131l\u0131r men\u00fc nas\u0131l olu\u015fturulur onu g\u00f6receksiniz.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1585\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_11.jpg\" alt=\"free_css3_menu_11\" width=\"600\" height=\"197\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_11.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_11-300x98.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/cssdeck.com\/labs\/soothing-css3-dropdown-animation\" target=\"_blank\" rel=\"nofollow\" class=\"broken_link\">Soothing CSS3 Drop-down Menu<\/a><\/p>\n<p>Alex Penny taraf\u0131ndan haz\u0131rlanm\u0131\u015f dwopdown animasyonlu men\u00fc.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1586\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_10.jpg\" alt=\"free_css3_menu_10\" width=\"600\" height=\"255\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_10.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_10-300x127.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/16\/slide-down-box-menu\/\" target=\"_blank\" rel=\"nofollow\">Slide Down Box Menu With jQuery and CSS3<\/a><\/p>\n<p>Bu men\u00fcn\u00fcn fikri a\u00e7\u0131l\u0131r bir resim ile men\u00fc \u00f6\u011fesini d\u0131\u015far\u0131ya aktar\u0131r.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-1587\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2014\/06\/free_css3_menu_1.jpg\" alt=\"free_css3_menu_1\" width=\"600\" height=\"289\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_1.jpg 600w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/free_css3_menu_1-300x144.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p>Hepsi bu kadar, eklemek istedi\u011finiz veya herhangi bir g\u00f6r\u00fc\u015f\u00fcn\u00fcz var ise ba\u011flant\u0131lar\u0131 a\u015fa\u011f\u0131daki yorum alan\u0131na b\u0131rakabilirsiniz. Harika bir g\u00fcn diliyorum.<br \/>\nBu makale \u0130ngilizce\u2019den terc\u00fcme edilerek d\u00fczenlenmi\u015ftir. Orijinal makaleye buradan ula\u015fabilirsiniz; <a href=\"http:\/\/blog.templatemonster.com\/2014\/06\/10\/css3-drop-down-menus\/\" target=\"_blank\">Ginger Up Your Websites with Free CSS3 Drop Down Menus<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 ve HTML5 ile birlikte tasar\u0131m\u0131 geli\u015ftirme d\u00fcnyas\u0131nda bir devrim ya\u015fand\u0131. Bug\u00fcn tasar\u0131mc\u0131lar ve web geli\u015ftiriciler ilgin\u00e7 ve yarat\u0131c\u0131 web siteleri olu\u015fturabilmek i\u00e7in ilgin\u00e7 \u00f6zellikleri ve teknikleri kullanmakta CSS3 ve HTML5 ile daha i\u015flevsel ve g\u00f6rsel \u00e7ekici web siteleri olu\u015fturabilirsiniz. Hem dil geli\u015ftiriciler hemde site sahipleri i\u00e7in ger\u00e7ekten \u00e7arp\u0131c\u0131 g\u00f6rsel efektler olu\u015fturmak ve uygulama konusu [&hellip;]<\/p>\n","protected":false},"author":1805522,"featured_media":3272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,114],"tags":[129,130],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler<\/title>\n<meta name=\"description\" content=\"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.\" \/>\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\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler\" \/>\n<meta property=\"og:description\" content=\"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\" \/>\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=\"2014-06-12T10:34:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-02T13:33:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/drop-down-menu-900x5381.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\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=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler\",\"datePublished\":\"2014-06-12T10:34:11+00:00\",\"dateModified\":\"2015-03-02T13:33:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\"},\"wordCount\":777,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"keywords\":[\"CSS3 men\u00fc nas\u0131l yap\u0131l\u0131r\",\"CSS3 ve HTML5 men\u00fc yap\u0131m\u0131\"],\"articleSection\":[\"CSS - CSS3\",\"\u00d6\u011freticiler\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\",\"name\":\"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2014-06-12T10:34:11+00:00\",\"dateModified\":\"2015-03-02T13:33:17+00:00\",\"description\":\"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler\"}]},{\"@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":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler","description":"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.","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\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/","og_locale":"tr_TR","og_type":"article","og_title":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler","og_description":"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.","og_url":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2014-06-12T10:34:11+00:00","article_modified_time":"2015-03-02T13:33:17+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2014\/06\/drop-down-menu-900x5381.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":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler","datePublished":"2014-06-12T10:34:11+00:00","dateModified":"2015-03-02T13:33:17+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/"},"wordCount":777,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"keywords":["CSS3 men\u00fc nas\u0131l yap\u0131l\u0131r","CSS3 ve HTML5 men\u00fc yap\u0131m\u0131"],"articleSection":["CSS - CSS3","\u00d6\u011freticiler"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/","url":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/","name":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2014-06-12T10:34:11+00:00","dateModified":"2015-03-02T13:33:17+00:00","description":"Sizlere b\u00fcy\u00fck katk\u0131 sa\u011flayacak bu harika \u00f6\u011freticiler ile web d\u00fcnyas\u0131na daha pratik ve etkili \u00e7\u00f6z\u00fcmler ile bakabileceksiniz. CSS3 \u00f6\u011freticileri.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/canli-web-siteleri-icin-ucretsiz-css3-drop-down-menuler\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Canl\u0131 Web Siteleri i\u00e7in \u00dccretsiz CSS3 Drop Down Men\u00fcler"}]},{"@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\/1564"}],"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=1564"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/1564\/revisions"}],"predecessor-version":[{"id":3813,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/1564\/revisions\/3813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3272"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=1564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=1564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=1564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}