Site Gezinimi NAVIGATION ve Skinler

SİTE GEZİNİMİ (NAVİGATİON)

         Site içinde bir yerden başka bir yere gitmektir. Site geziniminde (navigation)en çok kullanılan yöntem menülerdir. Bu kontrolü kullanımı çok kolaydır. ToolBox alıp sürükleyerek hemen kullanabilirsiniz.

Menu Kontrolü

        Yapmanız gereken çok basit menü kontrolünü sayfanıza sürükleyip bırakmak task panel ile menü kontrolümüzü düzenleyebiliriz.

Örneğin buradan ekleme istediğiniz bir elemanı Add a root item ile yeni elemanlar ekleyebilir ve properties özeliklerin adını veya site nereye gideceği gibi pek çok özelliklerini değiştirebiliriz.

SiteMapPath Kontrolü

         SiteMapPath kontrolü Web.sitemap dosyasını arar. Sayfanın yapısı şu şekildedir.

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="Default.aspx" title="Ana sayfa">
<siteMapNode url="internet_program.aspx" title="internet" description="">
<siteMapNode url="asp.aspx" title="asp" description="" />
</siteMapNode>
</siteMapNode>
</siteMap>

        Bu dosyayı hazırladıktan sonra hangi sayfamızda bu kontrolü istiyorsak sayfamıza SiteMapPath ekleyerek bu özellikten yararlanabiliriz.

Skin 'ler

Skinler ile sayfalarımızda butonların, Label vb. font özeliklerini bir değiştirebiliriz. *.skin dosyasının içine yazdığımız kodlarla tüm sayfalarımızda bulunan kontrolleri değiştirebilir. Örneğin buton.skin dosyasının içine :

<asp:Label ID="Label1" runat="server" Font-Names="Verdana" Font-Size="X-Small" ForeColor="#004000"></asp:Label>
<asp:TextBox ID="Textbox1" runat="server" BorderColor="#004000" BorderStyle="Solid" BorderWidth="1" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small" ForeColor="#004000"></asp:TextBox>
<asp:Button ID="Button1" runat="server" BackColor="#82a677" BorderColor="#004000" BorderStyle="Solid" BorderWidth="1" Font-Bold="True" Font-Names="Verdana" Font-Size="X-Small" ForeColor="#004000" />

Bunu tüm sayfalarımız da kontrolünü sağlamak için web.config dosyasının içine:

<system.web>
</system.web> <pages theme="buton"> </pages>

Bu kodu yazarsak tüm sayfalarımızda bulunan butonlar, label ve textboxların font özeliklerini değiştirmiş oluruz. Bu skin etkisiz kılmaz için EnableTheming özeliğini false yapmamız gerekir. Sayfa bazında etkisiz bırakmak için :

<%@ page enabletheming="false" language="C#" " " %>

Sunucu kontrolünde ise Örneğin button2 için:

<asp:Button ID="Button2" runat="server" EnableTheming="false" Text="Button" />

CSS Dosyalarının Temalarla Kullanımı

Daha önce oluşturduğumuz App_Themes altındaki buton klasörünün içine *.css adına bir dosya oluşturun ve içine aşağıdaki kodları yazın.
A:link
{ color:black; text-decoration:none; }
A:hover
{ color:blue; text-decoration:underline overline; }

Böylece sayfalarımızdaki linklerin üzerine gelinince renginin mavi olması sağlandı.

Yazan :

Başlık :

Tarih :

Sorununuz :

Güvenlik Kodu :