Mahmut Volkan UÇAK  ASP.NET ile Site Altındaki Yukarı Açılan Menü Yapımı
02.12.2009 01:40:00 | 8 Puanı var.
Bu makaleyi değerlendirmek için puan veriniz.
 |  Bu Diğer Sitelerde Paylaşınız.
   

ASP.NET ile Site Altındaki Yukarı Açılan Menü Yapımı



      Şuanda kullandığım alt menünün nasıl sabit kaldığı konusunda yazmış olduğum makalemede ek olarak menünün nasıl yapıldığını anlatmaya çalışacağım. lwis sitesinden CSS ile yapılmış olan menüden ilkini seçtim. Siz dilediğinizi seçebilirsiniz. Menü yapımı için gerekli CSS dosyalarını ve images dropdown klasörü içinde tutuyoruz. 
       Yapımı konusuna gelince;

Default.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="dropdown/dropdown.upward.css" media="all" rel="stylesheet" type="text/css" />
<link href="dropdown/themes/default/default.ultimate.css" media="all" rel="stylesheet" type="text/css" />

<style>
#Div{width: 100%; height: 30px; position: fixed; bottom: 0; left: 0; z-index:100; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000;}
</style>

<title>ASPNET_Yukarı Açılan Menü Yapımı</title>
</head>

<body>
<form id="form1" runat="server">
<div id="Div">
<ul id="nav" class="dropdown dropdown-upward">
<li><img src="dropdown/VisuaL.ico" title="Balat" style="float:left; margin:0px 7px 0px 7px; height:auto; width:auto; " alt="Balat"/><a href="../Default.aspx" class="dir" style="float:left;"> Başlat</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">Anasayfa</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Hakkimda.aspx" target="_parent">Hakkımda</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Iletisim.aspx" target="_parent">İletişim</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/SiteHaritasi.aspx" target="_parent">Site Haritası</a></li>
</ul>
</li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" class="dir"> İndir</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">İndir 1</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">İndir 2</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">İndir 3</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">İndir 4</a></li>
</ul>
</li>

<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" class="dir"> Siteler</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" target="_parent">M.Volkan UÇAK</a></li>
<li><a href="http://www.microsoft.com.tr" target="_parent">Microsoft</a></li>
<li><a href="http://www.google.com.tr" target="_parent">Google</a></li>
<li><a href="http://www.yahoo.com.tr" target="_parent">Yahoo</a></li>
</ul>
</li>

<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" class="dir"> Arşiv</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Arsiv.aspx?Tarih=11.2009" target="_parent">Kasım</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Arsiv.aspx?Tarih=10.2009" target="_parent">Ekim</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Arsiv.aspx?Tarih=09.2009" target="_parent">Eylül</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Arsiv.aspx?Tarih=08.2009" target="_parent">Ağustos</a></li>
</ul>
</li>

<li><a href="http://www.mahmutvolkanucak.net/MVU/Default.aspx" class="dir"> Kategoriler</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Kategori.aspx?KategoriID=1" target="_parent">C#.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Kategori.aspx?KategoriID=2" target="_parent">ASP.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Kategori.aspx?KategoriID=3" target="_parent">VB.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Kategori.aspx?KategoriID=4" target="_parent">SQL/SQL Server</a></li>
</ul>
</li>

<li><a href="Default.aspx" class="dir"> Etiket Listesi</a>
<ul>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Etiket.aspx?EtiketID=1" target="_parent">C#.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Etiket.aspx?EtiketID=2" target="_parent">ASP.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Etiket.aspx?EtiketID=3" target="_parent">VB.NET</a></li>
<li><a href="http://www.mahmutvolkanucak.net/MVU/Etiket.aspx?EtiketID=4" target="_parent">SQL/SQL Server</a></li>
</ul>
</li>

<li><a href="msnim:add?contact=visual_pmyo@hotmail.com"title="MSN Adresim">Msn</a></li>
</ul>
</div>

</form>
</body>
</html>

Örnek Uygulama İçin Tıklayınız.
Yorum || Mahmut Volkan UÇAK
  • Yorumlar
  • Yorum Yaz
  • Mahmut Volkan UÇAK Mahmut Volkan UÇAK ~~~ 12.12.2009 21:38:00
  •  Rica ederim.
----------------------------------------------------------------------------------------------------------------------------------------------
  • Mahmut Volkan UÇAK cihangir sur ~~~ 12.12.2009 18:00:00
  •  Teşekkürler volkan bey :)
----------------------------------------------------------------------------------------------------------------------------------------------
Adınız Soyadınız :
 
E-Mail Adresiniz :
 
Yorumunuz :
 
Yorum || Mahmut Volkan UÇAK

Facebook'tan Takip Edebilirsiniz || Mahmut Volkan UÇAK Twitter'den Takip Edebilirsiniz || Mahmut Volkan UÇAK
Yukarı Çık || Mahmut Volkan UÇAK