< -- MENÜ -- > Sizden Gelenler Kodalar Flashlar Menüler Video eğitimler Tartışmalar Bu menunun kodu <style type="text/css"> #menuh{ float:none; } body{ behavior:url(csshover.htc); font-size:100%; } #menuh ul li{ width: 150px; background-position: center center; } #menuh a{ font:bold 0.7em/1.4em arial, sans-serif; } #menuh-container { position: absolute; top: 165px; left: 112px; width: 374px; height: 41px; margin-left: 11px; } #menuh { font-size: small; font-family: arial, helvetica, sans-serif; width:100%; margin-top: 1em; background-position: center center; margin-right: 2em; margin-bottom: 2em; margin-left: 1.5em; text-align: left; } #menuh a { text-align: center; display:block; border: 1px solid #555; white-space:nowrap; margin:0; padding: 0.3em; } #menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */ { color: #FFFFFF; text-decoration:none; padding-right: 18px; background-image: url(http://img511.imageshack.us/img511/6169/62657580bu0.gif); background-color: #FF0000; } #menuh a:hover /* menu on mouse-over */ { color: #000000; text-decoration:none; background-image: url(http://img511.imageshack.us/img511/6169/62657580bu0.gif); } #menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */ { background-image: url(http://i47.tinypic.com/2h73xid.gif); background-position: left center; background-repeat: no-repeat; height: 23px; font-size: 16px; border: 4px ridge #FFFFFF; padding-left: 36px; text-align: right; } #menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */ { background-position: right center; background-repeat: repeat; height: 23px; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: ridge; border-right-style: ridge; border-bottom-style: ridge; border-left-style: ridge; font-size: 14px; background-image: url(http://i47.tinypic.com/s42vz9.jpg); } #menuh ul { list-style:none; margin:0; padding:0; float:left; width:9em; /* width of all menu boxes */ /* NOTE: For adjustable menu boxes you can comment out the above width rule. However, you will have to add padding in the "#menh a" rule so that the menu boxes will have space on either side of the text -- try it */ } #menuh li { position:relative; min-height: 1px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ } #menuh ul ul { position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em; } #menuh ul ul ul { top:0; left:100%; } div#menuh li:hover { cursor:pointer; z-index:100; } div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul { display:none; background-image: url(http://img511.imageshack.us/img511/6169/62657580bu0.gif); } div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {display:block;} /* End CSS Drop Down Menu */ </style> <table width="195" height="63"> <tr> <td height="57" align="left" valign="top"><div id="menuh"> <ul> <li><a href="#" class="top_parent"> < -- MENÜ -- > </a> <ul> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent">Sizden Gelenler </a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_10467688569" class="parent">Kodalar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_10531514314" class="parent">Flashlar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent">Menüler</a> </li> <li><a href="#" class="parent">Video eğitimler </a> </li> <li><a href="#" class="parent">Tartışmalar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent">Bu menunun kodu </a> </li> </ul> </li> </ul> </div> <div align="center"></div> <div align="left"></div></td> </tr> </table> <br>	< -- MENÜ -- > Sizden Gelenler Kodalar Flashlar Menüler Video eğitimler Tartışmalar Bu menunun kodu <style type="text/css"> #menuh2{ float:none; } body{ behavior:url(csshover.htc); font-size:100%; } #menuh2 ul li{ width: 150px; background-position: center center; } #menuh2 a{ font:bold 0.7em/1.4em arial, sans-serif; } #menuh2-container { position: absolute; top: 165px; left: 112px; width: 374px; height: 41px; margin-left: 11px; } #menuh2 { font-size: small; font-family: arial, helvetica, sans-serif; width:100%; margin-top: 1em; background-position: center center; margin-right: 2em; margin-bottom: 2em; margin-left: 1.5em; text-align: left; } #menuh2 a { text-align: center; display:block; border: 1px solid #555; white-space:nowrap; margin:0; padding: 0.3em; } #menuh2 a:link, #menuh2 a:visited, #menuh2 a:active /* menu at rest */ { color: white; background-color: royalblue; text-decoration:none; padding-right: 18px; } #menuh2 a:hover /* menu on mouse-over */ { color: white; background-color: cornflowerblue; text-decoration:none; } #menuh2 a.top_parent2, #menuh2 a.top_parent2:hover /* attaches down-arrow to all top-parents */ { background-image: url(http://i47.tinypic.com/2h73xid.gif); background-position: left center; background-repeat: no-repeat; height: 23px; font-size: 16px; border: 4px ridge #FFFFFF; padding-left: 36px; text-align: right; } #menuh2 a.parent2, #menuh2 a.parent2:hover /* attaches side-arrow to all parents */ { background-position: right center; background-repeat: no-repeat; height: 23px; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-style: ridge; border-right-style: ridge; border-bottom-style: ridge; border-left-style: ridge; font-size: 14px; } #menuh2 ul { list-style:none; margin:0; padding:0; float:left; width:9em; /* width of all menu boxes */ /* NOTE: For adjustable menu boxes you can comment out the above width rule. However, you will have to add padding in the "#menh a" rule so that the menu boxes will have space on either side of the text -- try it */ } #menuh2 li { position:relative; min-height: 1px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ } #menuh2 ul ul { position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em; } #menuh2 ul ul ul { top:0; left:100%; } div#menuh2 li:hover { cursor:pointer; z-index:100; } div#menuh2 li:hover ul ul, div#menuh2 li li:hover ul ul, div#menuh2 li li li:hover ul ul, div#menuh2 li li li li:hover ul ul {display:none;} div#menuh2 li:hover ul, div#menuh2 li li:hover ul, div#menuh2 li li li:hover ul, div#menuh2 li li li li:hover ul {display:block;} /* End CSS Drop Down Menu */ </style> <table width="195" height="63" bgcolor="#4169E1"> <tr> <td height="57" align="left" valign="top" background="http://www.facebook.com/fbmldesign?v=app_2373072738"><div id="menuh2"> <ul> <li><a href="#" class="top_parent2"> < -- MENÜ -- > </a> <ul> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent2">Sizden Gelenler </a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_10467688569" class="parent2">Kodalar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_10531514314" class="parent2">Flashlar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent2">Menüler</a> </li> <li><a href="#" class="parent2">Video eğitimler </a> </li> <li><a href="#" class="parent2">Tartışmalar</a> </li> <li><a href="http://www.facebook.com/fbmldesign?v=app_11007063052" class="parent2">Bu menunun kodu </a> </li> </ul> </li> </ul> </div> <div align="center"></div> <div align="left"></div></td> </tr> </table> <br>
» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141s{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; } .menu141s li{ height:67px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141s li a{ text-align:center; height:62px; color:#000000; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 16px; background-image: url(http://i49.tinypic.com/33vyels.gif); } .menu141s li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -62px; background-image: url(http://i49.tinypic.com/33vyels.gif); background-color: #000000; } .menu141s li a span{ line-height:62px; } </style> <ul class="menu141s"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> açıklama href="/home"  home yazan yere linkinizi yazınız css ile oynayarak  menuyu farklı hale getirin menu141s li{ height:67px; li bulun ve 67 değeriyle oynayarak farklastırın menu141s background-color: #000000; background-image: url(resim);bu değerleride değiştirebilirsiniz	» Anasayfa  » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141r{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; } .menu141r li{ height:65px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141r li a{ text-align:center; height:61px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 40px; background-image: url(http://i47.tinypic.com/j5jfv6.gif); } .menu141r li a:hover{ color:#FFFF00; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -61px; background-image: url(http://i47.tinypic.com/j5jfv6.gif); background-color: #990000; } .menu141r li a span{ line-height:61px; } </style> <ul class="menu141r"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span> » Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> açıklama href="/home"  home yazan yere linkinizi yazınız css ile oynayarak  menuyu farklı hale getirin menu141r li{ height:67px; li bulun ve 67 değeriyle oynayarak farklastırın menu141r background-color: #000000; background-image: url(resim);bu değerleride değiştirebilirsiniz	» Anasayfa  » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141a{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; } .menu141a li{ height:70px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141a li a{ text-align:center; height:61px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 40px; background-image: url(http://i48.tinypic.com/2laym2p.gif); } .menu141a li a:hover{ color:#FFFF00; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -61px; background-image: url(http://i48.tinypic.com/2laym2p.gif); background-color: #990000; } .menu141a li a span{ line-height:61px; } </style> <ul class="menu141a"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span> » Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> <br> açıklama href="/home"  home yazan yere linkinizi yazınız css ile oynayarak  menuyu farklı hale getirin menu141a li{ height:67px; li bulun ve 67 değeriyle oynayarak farklastırın menu141ra background-color: #000000; background-image: url(resim);bu değerleride değiştirebilirsiniz
» Anasayfa  » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141l{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; background-image: url(resim); } .menu141l li{ height:66px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141l li a{ text-align:center; height:61px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 40px; background-image: url(http://i45.tinypic.com/2i96z9s.gif); } .menu141l li a:hover{ color:#FFFF00; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -61px; background-image: url(http://i45.tinypic.com/2i96z9s.gif); background-color: #990000; } .menu141l li a span{ line-height:61px; } </style> <ul class="menu141l"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span> » Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> açıklama href="/home"  home yazan yere linkinizi yazınız css ile oynayarak  menuyu farklı hale getirin menu141l li{ height:67px; li bulun ve 67 değeriyle oynayarak farklastırın menu141l background-color: #000000; background-image: url(resim);bu değerleride değiştirebilirsiniz	» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141z{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-image: url(http://i50.tinypic.com/1zztlrm.gif); background-color: #290000; } .menu141z li{ height:63px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141z li a{ text-align:center; height:48px; color:#D5AA00; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 4px; padding-left: 0px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); } .menu141z li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); background-color: #990000; } .menu141z li a span{ line-height:63px; } </style> <ul class="menu141z"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>   açıklama href="/home"  home yazan yere linkinizi yazınız css ile oynayarak  menuyu farklı hale getirin menu141lzli{ height:67px; li bulun ve 67 değeriyle oynayarak farklastırın menu141z background-color: #000000; background-image: url(resim);bu değerleride değiştirebilirsiniz menu141z li a{ padding-bottom: 4px;	» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141v{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-image: url(http://i50.tinypic.com/1zztlrm.gif); background-color: #330000; } .menu141v li{ height:54px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141v li a{ text-align:center; height:50px; color:#D5AA00; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 0px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); } .menu141v li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); background-color: #990000; } .menu141v li a span{ line-height:63px; } </style> <ul class="menu141v"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> dediğimiz ayarları değiştirirseniz menüde değişiklik yapmış olursunuz menu141lzli{ height:54px; menu141z background-color: #000000; background-image: url(resim); yazı rengi için color:#D5AA00;
» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141m{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-image: url(resim); background-color: #000000; } .menu141m li{ height:63px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141m li a{ text-align:center; height:47px; color:#D5AA00; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 4px; padding-left: 0px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); } .menu141m li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i48.tinypic.com/2rd9abs.gif); background-color: #990000; } .menu141m li a span{ line-height:63px; } </style> <ul class="menu141m"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>	» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141hh{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; background-image: url(resim); } .menu141hh li{ height:63px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141hh li a{ text-align:center; height:50px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 0px; background-image: url(http://i50.tinypic.com/2uhtq14.gif); } .menu141hh li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i50.tinypic.com/2uhtq14.gif); background-color: #990000; } .menu141hh li a span{ line-height:63px; } </style> <ul class="menu141hh"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul> menu141hh li{ height:63px; menu141hh{ background-image: url(resim) ayarlarını değiştirebilirsiniz	» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141ss{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; background-image: url(resim); } .menu141ss li{ height:63px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141ss li a{ text-align:center; height:50px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 0px; background-image: url(http://i49.tinypic.com/2zec6qg.gif); } .menu141ss li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i49.tinypic.com/2zec6qg.gif); background-color: #990000; } .menu141ss li a span{ line-height:63px; } </style> <ul class="menu141ss"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>
» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141kj{ width:195px; list-style:none; background-color: #990000; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-image: url(resim); } .menu141kj li{ height:63px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141kj li a{ text-align:center; height:50px; color:#D5AA00; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 4px; padding-left: 0px; background-image: url(http://i50.tinypic.com/w7znk0.gif); } .menu141kj li a:hover{ color:#000000; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -51px; background-image: url(http://i50.tinypic.com/w7znk0.gif); background-color: #990000; } .menu141kj li a span{ line-height:63px; } </style> <ul class="menu141kj"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>	» Anasayfa » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu141cv{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #000000; background-image: url(http://i49.tinypic.com/2zec6qg.jpg); } .menu141cv li{ height:60px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu141cv li a{ text-align:center; height:50px; color:#FFFFFF; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 0px; background-image: url(http://i49.tinypic.com/1059u82.gif); } .menu141cv li a:hover{ color:#FFFFFF; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -52px; background-image: url(http://i49.tinypic.com/1059u82.gif); background-color: #990000; } .menu141cv li a span{ line-height:63px; } </style> <ul class="menu141cv"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span>» Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>	» Anasayfa  » Fotograflar » Videolar »Tartisma » Notlar » Iletisim » Paylas <style type="text/css"> .menu14112{ width:195px; list-style:none; padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } .menu14112 li{ height:61px; display:block; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0; } .menu14112 li a{ text-align:center; height:61px; color:#000000; display:block; text-decoration:none; outline:none; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 36px; background-image: url(http://i47.tinypic.com/auut5g.gif); } .menu14112 li a:hover{ color:#949CAD; background-image: url(7_n cpy.gif); background-repeat: no-repeat; background-position: -1px -61px; background-image: url(http://i47.tinypic.com/auut5g.gif); background-color: #990000; } .menu14112 li a span{ line-height:61px; } </style> <ul class="menu14112"> <li><a href="/home" class="active"><span>» Anasayfa</span></a></li> <li><a href="/services"><span> » Fotograflar</span></a></li> <li><a href="/about"><span>» Videolar</span></a></li> <li><a href="#"><span>»Tartisma</span></a></li> <li><a href="/about"><span>» Notlar</span></a></li> <li><a href="/about"><span>» Iletisim</span></a></li> <li><a href="/about"><span>» Paylas</span></a></li> </ul>

CSS MENÜLER 2

EKLENECEK