{Merhaba Dünya Ben Emre Kıyak}
 




ASP.NET'te temalarla çalışmak - 2

Share |

Bir önceki yazımızda sizlere çok kısaca .skin dosyalarının oluşturulması ve çağırılması konusunda bilgi verdim. Aynı örneğin üzerinden devam etmek istiyorum. Projenizde App_Themes klasörü altında bulunan tema klasörlerine sırayla birer StyleSheet dosyası ekleyelim. Dosya isimlerini kirmizi.css ve mavi.css şeklinde veriyorum.

kirmizi.aspx ve mavi.aspx dosyalarına aşağıdaki div katmanlarını yerleştiriyorum.

<div id="container">
        <div id="banner">BANNER ALANI</div>
        <div id="menu">
            <ul>
                <li>Ana Sayfa</li>
                <li>Hakkımızda</li>
                <li>İletişim</li>
            </ul>
        </div>
        <div id="content">
            İçerik alanı
        </div>

Şimdi de mavi.css ve kirmizi.css dosyalarında bu div katmanlarını biçimlendirecek css kodlarını yazacağım. Aynı zamanda katmanların yerlerinde değişiklik yaparak tasarım anlamında tema oluşturmuş olacağım. kirmizi.css dosyası için css kodları :

#container
{
       width: 600px;
       height:300px;
       background-color: red;
}
 
 
#banner
{
       width:100%;
       height:50px;
       color:White;
}
#menu
{
       float:left;
       width:20%;
       background-color:Gray;
}
#content
{
       float:right;
       width:75%;
       background-color:Gray;
}

mavi.css dosyası için css kodlarında da renk ve konum değişikliğini ayarlıyoruz. Sayfalarımızı ayrı ayrı çalıştırdığımızda farklı iki temanın oluştuğunu görüyoruz.

Sonuç olarak @Page direktifinde Theme kullanımı bildirilen sayfa o tema klasörü altındaki .css dosyasını da çalıştırır.


17 Kasım 2009 Salı öğleden sonra 16:33

Mesajınızı yazabilirsiniz

Rumuz :  
 
Email :   
  
Mesaj :  
Bu konuya abone olmak ister misiniz ?

Güvenlik kodunu göremiyorsanız sayfayı yenileyin.
Güvenlik Kodu :