{"id":771,"date":"2019-10-24T10:07:10","date_gmt":"2019-10-24T07:07:10","guid":{"rendered":"http:\/\/www.aydiner.gen.tr\/?p=771"},"modified":"2022-01-30T23:00:30","modified_gmt":"2022-01-30T20:00:30","slug":"css-yatay-menu-yapimi","status":"publish","type":"post","link":"https:\/\/www.aydiner.gen.tr\/index.php\/2019\/10\/24\/css-yatay-menu-yapimi\/","title":{"rendered":"CSS Yatay Men\u00fc Yap\u0131m\u0131"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"420\" height=\"40\" style=\"border: 0;\" scrolling=\"no\" src=\"https:\/\/www.aydiner.gen.tr\/wp-content\/uploads\/2019\/10\/menu.html\"><\/iframe><\/p>\n<p>Bu derste CSS ile web sayfas\u0131 i\u00e7in en basit haliyle yatay men\u00fc yap\u0131m\u0131 \u00f6rne\u011fini g\u00f6rebilirsiniz. \u00d6rnek i\u00e7inde Mouse ile men\u00fc \u00fczerinde renk de\u011fi\u015fimini sa\u011flamak i\u00e7in\u00a0<strong>hover<\/strong>\u00a0se\u00e7icisi\u2019 de kullan\u0131lm\u0131\u015ft\u0131r.<!--more--><\/p>\n<pre class=\"lang:default decode:true \">&lt;!doctype html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;meta charset=\"utf-8\"&gt;\r\n&lt;title&gt;css men\u00fc&lt;\/title&gt;\r\n       &lt;style&gt;\r\n     *{\r\n       margin:0px;\r\n\t   padding:0px;\r\n\r\n     }\r\n   \r\n     #menu li{\r\n      overflow: hidden;\r\n       list-style-type: none;\r\n       background-color: #242B6F;\r\n       padding: 0px;\r\n       width: 200px;\r\n       height: 50px;\r\n       margin-right: 1px; \r\n       font-size: 20px;\r\n       font-family: calibri,arial,verdana;\r\n       line-height: 50px;\r\n       float: left;\r\n     }\r\n     \r\n     #menu a{\r\n       text-decoration: none;\r\n       color: whitesmoke;\r\n       font-weight: 600;\r\n       display: block; \/*a etiketinin etki alan\u0131n\u0131 nesne boyutlar\u0131na e\u015fitler,blok haline *\/  \r\n       text-align: center;\r\n       transition: 1s;\r\n       \r\n       \r\n     }\r\n     \r\n      #menu span{\r\n       display: block;\r\n       margin-top:-60px;\r\n     }\r\n     \r\n     #menu a:hover{\r\n      \r\n        background-color: #8596F9; \r\n           color: #830D0D;       \r\n       \r\n     }     \r\n      &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n \r\n&lt;body&gt;\r\n    &lt;div id=\"menu\"&gt;\r\n&lt;ul&gt;\r\n&lt;li&gt;&lt;a href=\"#\"&gt;ANASAYFA&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;li&gt;&lt;a href=\"#\"&gt;\u00dcR\u00dcNLER&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;li&gt;&lt;a href=\"#\"&gt;HAKKIMIZDA&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;li&gt;&lt;a href=\"#\"&gt;\u0130LET\u0130\u015e\u0130M&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bu derste CSS ile web sayfas\u0131 i\u00e7in en basit haliyle yatay men\u00fc yap\u0131m\u0131 \u00f6rne\u011fini g\u00f6rebilirsiniz. \u00d6rnek i\u00e7inde Mouse ile men\u00fc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":188,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[112],"class_list":["post-771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-html-css-webtasarim"],"_links":{"self":[{"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/posts\/771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/comments?post=771"}],"version-history":[{"count":0,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/posts\/771\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/media\/188"}],"wp:attachment":[{"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/media?parent=771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/categories?post=771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aydiner.gen.tr\/index.php\/wp-json\/wp\/v2\/tags?post=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}