4 Adet Drop-Down CSS Açılır Menü

Blogger - Css Açılır Menü

Bence bir web sitesi için vazgeçilmez olan şeylerden bir tanesi de kaliteli bir menüsünün olmasıdır.Çünkü  kaliteli ve güzel görünen bir menü hem göze hitap eder hemde kullanıcıların site içerisindeki bilgilere daha kolay ulaşmalarını sağlar.Bende işte bu yüzden sizin için hem kaliteli hemde göze hitap eden 4 farklı menü buldum.Fazla uzatmadan menüleri sizlere sunmak istiyorum.

        Kodları Yerleşim - Gadget EKle - Html-Javascript Bölümüne Eklemeniz Yeterlidir.

-----------------------------------------------------------------------------------------------------------------

                                                                       

                  <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvMcGRNaHn36cACMXpobna4zqVnnY2EsdetgtS1DCgUUt7F0uK2YMv3DInOzVVNmR4OIjOl0qEVH6CxfumSb121v7pob3Z-ja7VoIrkWVonY6OiiEj0CBfnt-QkXLeMt7Pm1mN20FyG85/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSfa73D3DwrK9OYpB0hjo582RYtyvPBCLdKi5R5jc4DyGAK9xtThVk75_UCYcc0Kszx_sdbrhsxSbvzH3Kradfi3nEE-MIPn7_Skpea6r6IXUgc3hwgou5UDVRgIMsZGuUgTDvmpYouTuQ/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUgLJPZMYLBtsXTzLYZ4clXzfOuX4UCfzfMK-Jkf_j3R-is1EtPjoOIPGp18a0JvH4dnIvX-PFnRBRdrWZbloQ7q3QqZgdUCaxRnCMgOHmFvkatsPbdDjD1GKYw0nGs3dudHc573PXkv-B/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#946f00;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img alt="Drop Down Menus" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img alt="CSS Drop Down Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img alt="Pure CSS Dropdown Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href=" Url'nizi Buraya Yazınız... ">AnaSayfa</a></li> <li><a href=" Url'nizi Buraya Yazınız... ">Arşiv</a></li> <li><a href=" Url'nizi Buraya Yazınız... ">Hakkımda</a></li> <li class="last"><a href=" Url'nizi Buraya Yazınız... ">İletişim</a></li> </ul> </div>
    -----------------------------------------------------------------------------------------------------------------

                                                                       

               <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyWFhkt-YzhSTn-sAedGZtg5W2hBUz3ZP_OpTTTfSYllKSo8xO-CkWGV5d_eCDwWa15EqdcXkARFum5JF-uZ7UwEwp7DJ_cPX7oqmygVBhYlSIyIKcPdKBTYyE9WcfpyeVAsj7tC163trH/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilda-h1O_oHG2qwkhaEk4QkyE5mO8Ztq09nqeQ1fhhS0YcvgfSLITrXef7uM05535E7oDyiFKKBFR-urfTSEJB4r-Kewg8rss3cV7Wkkz27rlfB6MyZLTgYP6S8bFYTlKOCmpFCGnQOCP2/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #9e3825;text-shadow:0 -1px 0 rgba(116,37,2,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3S1GGNWGFNSIt0mUwP9umgzvmfkTW8uuUqNs2udhNNRjpQuBT_y-WUtq8WV4k_Uk7gzWhRbHn9ybwbw7COitJu4TgLUTJ05c80Fz6Q5PFlFVUubn3rmNPD0alYZQzJwBCFMapp0CFh8Tc/s1600/hover.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lx9aLm24Mm72PP1gMf54_2PUN_uXfY5hxQwR6seGFQh3mm-8kxn53NJ2W5Tq-fIrkR-Z08qbmmLGP4HMbZq5e9LF31ZpH89WM2qzmbmjwY7ZRggwV1t7OzzaVxJdEeTFYuHcqkJ_Sbzr/s1600/active.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyWFhkt-YzhSTn-sAedGZtg5W2hBUz3ZP_OpTTTfSYllKSo8xO-CkWGV5d_eCDwWa15EqdcXkARFum5JF-uZ7UwEwp7DJ_cPX7oqmygVBhYlSIyIKcPdKBTYyE9WcfpyeVAsj7tC163trH/s1600/highlight-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:#393939;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 1px 0 white}#cssmenu > ul ul li a:hover{border-left:4px solid #de553b;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3S1GGNWGFNSIt0mUwP9umgzvmfkTW8uuUqNs2udhNNRjpQuBT_y-WUtq8WV4k_Uk7gzWhRbHn9ybwbw7COitJu4TgLUTJ05c80Fz6Q5PFlFVUubn3rmNPD0alYZQzJwBCFMapp0CFh8Tc/s1600/hover.png) repeat;color:white;text-shadow:0 1px 0 black}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilda-h1O_oHG2qwkhaEk4QkyE5mO8Ztq09nqeQ1fhhS0YcvgfSLITrXef7uM05535E7oDyiFKKBFR-urfTSEJB4r-Kewg8rss3cV7Wkkz27rlfB6MyZLTgYP6S8bFYTlKOCmpFCGnQOCP2/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img alt="Drop Down Menus" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img alt="CSS Drop Down Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img alt="Pure CSS Dropdown Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href="http://urlyazin/">Ana Sayfa</a></li> <li class="has-sub"><a href="http://urlyazin/">Kategoriler </a><ul> <li><a href="http://urlyazin/">EKLENTİLER</a></li> <li><a href="http://urlyazin/">Temalar</a></li> <li class="last"><a href="http://urlyazin/">Makaleler</a></li> </ul> </li> <li class="has-sub"><a href="http://urlyazin/">Sayfalar </a><ul> <li><a href="http://urlyazin/">Hakkımda</a></li> <li class="last"><a href="http://urlyazin/">Reklam</a></li> </ul> </li> <li class="last"><a href="http://urlyazin/">İletişim</a></li> </ul> </div>
    -----------------------------------------------------------------------------------------------------------------

                                                                       

             <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRb4ZozoCGliXDAbm_EvYXQm0aCva8p-Cb05ZwbAnSnlzwkjAhalgUFAHWAwmkJT6A4_LWc5PyVqONdf0vhc462Y_I9Shg0T3FTIRbEZ7WFKYb6toA0M4g-JEChUrAnduM2_aMI3D_VUhp/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEaTUUYX_7AVSyYYnEW87pTjqxY-7xnVd2TavCoP8gqDWFnRPvKsUtdR1SR9fOwhE2EImnNKxrR58eYB09VD7YvIL_EDWWs_Q3W7EjuuI8JqhA7ms4cmi0hnJfPV7LRgqOlg3n7glb1zPV/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP62BL-obMuX4SuK1RLWZimmzBIHHq4HvxaaIoKVvXrVJHP4bTn_xQnERwcVZjH3YV_Zyt13t0iHoHR7-n2U8NJtDtAppm3PdR2PFz4d-sQ5sRBSruGZBA9P6dSdfWfGOESqc3NhWXEXtk/s1600/hover.png) repeat}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRb4ZozoCGliXDAbm_EvYXQm0aCva8p-Cb05ZwbAnSnlzwkjAhalgUFAHWAwmkJT6A4_LWc5PyVqONdf0vhc462Y_I9Shg0T3FTIRbEZ7WFKYb6toA0M4g-JEChUrAnduM2_aMI3D_VUhp/s1600/highlight-bg.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP62BL-obMuX4SuK1RLWZimmzBIHHq4HvxaaIoKVvXrVJHP4bTn_xQnERwcVZjH3YV_Zyt13t0iHoHR7-n2U8NJtDtAppm3PdR2PFz4d-sQ5sRBSruGZBA9P6dSdfWfGOESqc3NhWXEXtk/s1600/hover.png) repeat;margin:0;padding:0;z-index:-1;-webkit-transition:all 0.35s 0.2s ease-in-out;-moz-transition:all 0.35s 0.2s ease-in-out;-ms-transition:all 0.35s 0.2s ease-in-out;transition:all 0.35s 0.2s ease-in-out}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43)}#cssmenu > ul ul li a:hover{border-left:4px solid #055988;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRb4ZozoCGliXDAbm_EvYXQm0aCva8p-Cb05ZwbAnSnlzwkjAhalgUFAHWAwmkJT6A4_LWc5PyVqONdf0vhc462Y_I9Shg0T3FTIRbEZ7WFKYb6toA0M4g-JEChUrAnduM2_aMI3D_VUhp/s1600/highlight-bg.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEaTUUYX_7AVSyYYnEW87pTjqxY-7xnVd2TavCoP8gqDWFnRPvKsUtdR1SR9fOwhE2EImnNKxrR58eYB09VD7YvIL_EDWWs_Q3W7EjuuI8JqhA7ms4cmi0hnJfPV7LRgqOlg3n7glb1zPV/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img alt="Drop Down Menus" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img alt="CSS Drop Down Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img alt="Pure CSS Dropdown Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href="https://www.blogger.com/index.html">Anasayfa</a></li> <li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Kategoriler</a> <ul> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Eklentiler</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Temalar</a></li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Makaleler</a></li> </ul> </li> <li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Sayfalar</a> <ul> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Hakkımda</a></li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Reklam</a></li> </ul> </li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">İletişim</a></li> </ul> </div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
   -----------------------------------------------------------------------------------------------------------------

                                                                        

              <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJu197LFI9SbrU8lNjrBU_Ngu9xMWdvtGRmTwNSPf6rgqn7dGAzhR47VvXBZ2p00lN6dvZ8NSjkGgB9bJhGFBO90A7_F3POQU7_XcM5CJrVJGPZl_67cBXTr7A_1n6I2pHCMt7smcZwJ-/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0CgK6Ev8gDajQtGJ043ZYhlf8uhxslhikjGJ7aAWFZeeJ2m8LC5vsRv_2cnDj04rqgmsoLN3V8JolKgimXCadYfiSt3xkMOvnwdQ-suzUSQsbLRByooyfe8onq8GQGhAk5uKOOAZRoe6/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJu197LFI9SbrU8lNjrBU_Ngu9xMWdvtGRmTwNSPf6rgqn7dGAzhR47VvXBZ2p00lN6dvZ8NSjkGgB9bJhGFBO90A7_F3POQU7_XcM5CJrVJGPZl_67cBXTr7A_1n6I2pHCMt7smcZwJ-/s1600/highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiODKwtnYh-kTdFfmOOqPa7PFilopedHKUZGRSmrE41DRwMsdNkKjUWyBuMqy_p_x_aHsxjoDh4ClcGZG7q4ZCeAsck-4vIAtDZ2N3YnJg3vxtGKM8SpixAMKOl18y8jcM1CFuopQPPlaxI/s1600/hover.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0CgK6Ev8gDajQtGJ043ZYhlf8uhxslhikjGJ7aAWFZeeJ2m8LC5vsRv_2cnDj04rqgmsoLN3V8JolKgimXCadYfiSt3xkMOvnwdQ-suzUSQsbLRByooyfe8onq8GQGhAk5uKOOAZRoe6/s1600/menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#cssmenu > ul ul li a:hover{border-left:4px solid #d64e34;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiODKwtnYh-kTdFfmOOqPa7PFilopedHKUZGRSmrE41DRwMsdNkKjUWyBuMqy_p_x_aHsxjoDh4ClcGZG7q4ZCeAsck-4vIAtDZ2N3YnJg3vxtGKM8SpixAMKOl18y8jcM1CFuopQPPlaxI/s1600/hover.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0CgK6Ev8gDajQtGJ043ZYhlf8uhxslhikjGJ7aAWFZeeJ2m8LC5vsRv_2cnDj04rqgmsoLN3V8JolKgimXCadYfiSt3xkMOvnwdQ-suzUSQsbLRByooyfe8onq8GQGhAk5uKOOAZRoe6/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img alt="Drop Down Menus" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img alt="CSS Drop Down Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; position: fixed; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img alt="Pure CSS Dropdown Menu" border="0" src="https://bitly.com/24workpng1" style="bottom: 10%; left: 0%; position: fixed;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href="https://www.blogger.com/index.html">AnaSayfa</a></li> <li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Kategoriler</a> <ul> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Eklentiler</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Temalar</a></li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Makaleler</a></li> </ul> </li> <li class="has-sub"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Sayfalar</a> <ul> <li><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Hakkımda</a></li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">Reklam</a></li> </ul> </li> <li class="last"><a href="https://www.blogger.com/blogger.g?blogID=4310066262100675129#">İletişim</a></li> </ul> </div> <br /> <br /> <br /> <br /> <br /> <br />



Güle Güle Kullanın......Yapamadığınız yerleri yorum bölümünde belirtebilirsiniz.