Dikey Css Menü Butonları

» Duvar » Bilgiler » Kurallarımız » YouTube » Video » Tartışmalar » Notlar » Fotoğraflar » Bağlantılar » Değerlendirmeler » Admin İletişim (MSN) » Admin İletişim (fb)	» Duvar » Bilgiler » Kurallarımız » YouTube » Video » Tartışmalar » Notlar » Fotoğraflar » Bağlantılar » Değerlendirmeler » Admin İletişim (MSN) » Admin İletişim (fb)
GRİ CSS MENÜ KODU <!--- www.verdailesohbet.com Menü Kodu ---> <style type="text/css"> #menu { width: 190px; border: 1px solid #ccc; } #menu li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #888; display: block; background: url(http://i43.tinypic.com/33az32x.jpg); padding: 8px 0 0 30px; } #menu li a:hover, #menu li a:active { color: #283A50; background: url(http://i43.tinypic.com/33az32x.jpg) 0 -32px; padding: 8px 0 0 30px; } #menu ul li { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; } </style> <div id="menu"> <ul> <!-- Duvar --> <li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>» Duvar</b></a></li> <!-- Bilgiler --> <li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>» Bilgiler</b></a></li> <!-- Kurallarımız --> <li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank"><b>» Kurallarımız</b></a></li> <!-- YouTube --> <li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>» YouTube</b></a></li> <!-- Video --> <li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>» Video</b></a></li> <!-- Tartışmalar --> <li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li> <!-- Notlar --> <li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>» Notlar</b></a></li> <!-- Fotoğraflar --> <li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li> <!-- Bağlantılar --> <li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li> <!-- Değerlendirmeler --> <li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li> <!-- Admin İletişim (MSN) --> <li><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=MSN_ID_NUMARANIZ@apps.messenger.live.com&mkt=tr-TR" title="Sayfa Kurucusu ile MSN üzerinden irtibata geçebilirsiniz" class=" profile_action actionspro_a" target="_blank" rel="nofollow" onmousedown='UntrustedLink.bootstrap($(this), "", event)'><b>» Admin İletişim (MSN)</b></a></li> <!-- Admin İletişim (facebook) --> <li><a href="http://www.facebook.com/inbox/?compose&id=SAYFA_KURUCUSUNUN_ID_NUMARASI" title="Buradan Sayfa kurucusuna facebook üzerinden mesaj göndebilirsiniz" class=" profile_action actionspro_a" target="_blank"><b>» Admin İletişim (fb)</b></a></li> </ul> </div> <!--- www.verdailesohbet.com Menü Kodu --->	MAVİ CSS  MENÜ KODU  <style type="text/css"> #menu01 { width:170px; background-color:#89a9b8; margin: 0px; padding-left:8px; padding-right:8px; padding-TOP:6px; padding-BOTTOM:6px; border:solid 1px black; font: normal 11px verdana, sans-serif;} #menu01 ul, #menu01 li { list-style-type: none; padding: 0px; margin: 0px; } #menu01 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block; border: solid 1px #000; background-color:#587c92; color:#FFF; text-decoration:none; margin-bottom: 2px; margin-top: 2px; padding-left: 5px; height: 24px; line-height: 24px; } #menu01 li a:hover {background-color:#B1C7D1; color:#34505C; border: solid 1px #000; }</style><br /> <div id="menu01" style="width: 170px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; font-family: verdana, sans-serif; border: 1px solid black; margin: 0px; padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 6px; background-color: #89a9b8"> <ul style="list-style-type: none; margin: 0px; padding: 0px"><!-- Duvar --> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Duvar" href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Duvar</b></a> <!-- Bilgiler --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Bilgiler" href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Bilgiler</b></a> <!-- Kurallarımız --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Kurallarımız" target="_blank" href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Kurallarımız</b></a> <!-- YouTube --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="YouTube" target="_blank" href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» YouTube</b></a> <!-- Video --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Videolar" target="_blank" href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Video</b></a> <!-- Tartışmalar --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Tartışmalar" target="_blank" href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Tartışmalar</b></a> <!-- Notlar --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Notlar" target="_blank" href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Notlar</b></a> <!-- Fotoğraflar --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Fotoğraflar" target="_blank" href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Fotoğraflar</b></a> <!-- Bağlantılar --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Bağlantılar" target="_blank" href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Bağlantılar</b></a> <!-- Değerlendirmeler --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><br /> <a title="Değerlendirmeler" target="_blank" href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" style="display: block; color: #FFF; text-decoration: none; height: 24px; line-height: 24px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; background-color: #587c92"><b>» Değerlendirmeler</b></a> <!-- Admin İletişim (MSN) --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><a class=" profile_action actionspro_a" title="Sayfa Kurucusu ile MSN üzerinden irtibata geçebilirsiniz" rel="nofollow" target="_blank" onmousedown='UntrustedLink.bootstrap($(this), "", event)' href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=MSN_ID_NUMARANIZ@apps.messenger.live.com&mkt=tr-TR"><b>» Admin İletişim (MSN)</b></a> <!-- Admin İletişim (facebook) --></li> <li style="list-style-type: none; margin: 0px; padding: 0px"><a class=" profile_action actionspro_a" title="Buradan Sayfa kurucusuna facebook üzerinden mesaj göndebilirsiniz" target="_blank" href="http://www.facebook.com/inbox/?compose&id=SAYFA_KURUCUSUNUN_ID_NUMARASI"><b>» Admin İletişim (fb)</b></a></li> </ul> </div> <br /> <br />
Taming List Home Products Services Support Order News About

3D Imenu in blue

• Home
• Products
• Services
• Support
• Order
• News
• About

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><br /> <br /> <html><br /> <head><br /> <title>Taming List Preview</title><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /> <style type="text/css"> <!-- /* CSS Tabs */ #button { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #button li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } --> </style><br /> </head><br /> <br /> <body><br /> <h4> Taming List</h4> <br /> <div id="button"> <ul> <!-- CSS Tabs --> <li><a id="active" href="Home.html">Home</a></li> <li><a href="Products.html">Products</a></li> <li><a href="Services.html">Services</a></li> <li><a href="Support.html">Support</a></li> <li><a href="Order.html">Order</a></li> <li><a href="News.html">News</a></li> <li><a href="About.html">About</a></li> </ul> </div> </body><br /> </html>














<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><br /> <br /> <html><br /> <head><br /> <title>3D Imenu in blue Preview</title><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /> <style type="text/css"> <!-- /* CSS Tabs */ #navlist { color: white; background: #17a; border-bottom: 0.2em solid #17a; border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width: 12em; font: normal 10px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; font-size: 1em; } #navlist a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: white; background: #39c; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0; padding: 0.25em 0.5em 0.4em 0.75em; } #navlist a#current { border-color: #5bd #035 #068 #f30; } #navlist a { width: 99%; /* only necessary for Internet Explorer */ } #navlist a { voice-family: "\"}\""; voice-family: inherit; width: 9.6em; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */ } #navcontainer>#navlist a { width: auto; /* only necessary if you use the hacks above for the Internet Explorer */ } #navlist a:hover, #navlist a#current:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; } --> </style><br /> </style><br /> </head><br /> <br /> <body><br /> <h4> 3D Imenu in blue</h4> <br /> <div id="navcontainer"> <ul id="navlist"> <!-- CSS Tabs --> <li><a id="current" href="Home.html">Home</a></li> <li><a href="Products.html">Products</a></li> <li><a href="Services.html">Services</a></li> <li><a href="Support.html">Support</a></li> <li><a href="Order.html">Order</a></li> <li><a href="News.html">News</a></li> <li><a href="About.html">About</a></li> </ul> </div> </body><br /> </html>

CSS Tab Designer benzersiz bir ve css tabanlı listeleri ve sekmeler
tasarlamanıza yardımcı olan yazılım kullanımı kolay görsel ve herhangi bir
programlama bilgisine gerek olmadan!

100% WYSIWYG Anında önizleme yerleşik Güzel Menüler tarafından tasarlanan ünlü
web tasarımcıları Hızlı ve Temiz Bağımsız. Herhangi bir DLL veya ActiveX
yüklenmiyor % 100 temizleyin Hayır Spyware, bir truva 100% Bedava bile ticari
web siteleri için. No Strings bağlı! Sıkı Generate xhtml uyumlu kod

Css Menü Yapma Programını İndir