Menü

  • Ana Sayfa
  • Kimim Ben ?
  • Bağlan Bana ;)

Yazılımcı ne yazar ?

  • C#.Net
  • Asp.Net
  • Ado.Net
  • Sql Server
  • XML
  • Javascript
  • Web Service
  • Portable Hayat
  • Diğer

Başka Şeyler

  • Günün İçinden
  • Yazılarım
  • Kitaplık
  • Beyaz Perdem

Micro Blog

ne geçmiş tükendi ne yarınlar ... hayat yeniler bizleri. geçsede yolumuz bozkırlardan, denizlere çıkar sokaklar ...

Soru Sor ;)

Hakkımda öğrenmek ve sormak istediklerinizi buradaki adresten dilediğiniz gibi sorabilirsiniz. Sorularınızı bekliyorum (;
 

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 ?