Temalar ve derileri

Görüldüğü gibi ana sayfayı bir uygulama içinde sayfa (veya site) web sitesi bir dizi genel yapısını etkiler. Ancak, hemen her zaman sayfadan sayfaya değiştirebilirsiniz diğer öğeleri yönetmek istiyor, ancak bir sitenin uygulanmasında aynı sayfa (metnin yazı tipi gibi) içinde sabit kalmalıdır. Bu senaryolarda Temalar adı verilen çok yararlı araçlardır.

Eğer Cascading Style Sheets (CSS) aşina iseniz, sorunların işleyişini anlamak zor olmayacaktır. Hem de aslında bizim web sayfalarının görsel stil tanımlayabilirsiniz çünkü iki teknik benzer. Bu sitemizin sayfalarında stilleri, grafik ve diğer öğeleri belirtmek için temaları kullanabilirsiniz.

Temalar temelde tabii ki kendi tanımlayabilirsiniz rağmen, bir sayfa öğeleri ASP.NET kabul gerekir ve bazı varsayılan içerdiği özellikleri belirtmek metin dosyalarıdır.

Bir örnekle devam edin. Yeni bir web formu (Ben EsempioTemi.aspx arama) oluşturun ve sonra da bir tema olarak proje üzerinde sağ tıklayın ve Add ASP.NET Folder seçeneğini seçin ve klasör türü seçin

Bu varsayılan klasör (Theme1 denir) ile App_Themes içinde klasör oluşturma yol açar

Varsayılan klasörü Theme1 yeniden adlandırın ve tip StyleSheet (stil sayfası) yeni bir öğe ekleyerek, sağ fare tuşu ile tıklayın. Aynı default.css çağrı

Bu noktada bizim stil özellikleri ayarlamak zorunda. Biz çift tıkladığınızda sadece bir gövde etiketi içerdiğini göreceksiniz

Eklemek için yeni öğeler ekleyin Stil Kural Menü Stilleri tıklayın

Bu aşağıdaki pencere açılır

Bizim stil sayfasına bir H1 öğesi eklemek istediğinizi varsayalım. Eleman açılır menüsünden seçebilir ve h1 öğe Stil kural hiyerarşi listesinde yer için> düğmesini tıklatın

Bir kere şu şekilde stil değiştirdi olduğunu görüyoruz Tamam'a tıklayın

Öğeyi düzenlemek için sadece biz onun etiketi üzerinde farenin sağ tuşuna tıklayarak Stil seçeneği oluşturun seçin eklenir. Bu, olacak bazı özelliklerini ayarlamak için gidiyoruz Stil Değiştir iletişim, açılacak

Tamam'ı tıkladıktan sonra bizim seçim stil dahil bakın

Biz ders Direktifi Tema başında oluşturulan web formuna ekleyerek ve h1 etiketi bir şeyler yazarak artık tema testi

Ben uygulama tarzı test edildi ve bu bizim stil IPOST göre tarayıcıda görüntülenir girilen metin

Aynı şey h1 etiketinin bizim kapalı tüm unsurları için olacak. Açıkçası biz örnek olarak bu etiketi kullanmış, ancak benzer bir şekilde prensipte bir web formu tüm öğelerini özelleştirebilirsiniz.

Son olarak adlandırılan cilt üzerinde kısaca değineceğim. Bu unsurlar kontrol grubunun bazı özelliklerini yapılandırmak için bir yoldur. Örneğin, çeşitli özelleştirilebilir özellikleri ile karakterize kontrol belirli bir türü (TextBox gibi) için farklı renk şemaları tanımlamak isteyebilirsiniz.

Uygun cilt tanımlayarak kontrol grubu için ekran seçeneklerini bir takım her her örneği özelliklerini ayarlamak gerek kalmadan kullanılabilir hale getirebilirsiniz. Bir web formu TextBox on içerir ve bazı biçimlendirme vermek istiyorsanız Örneğin, sadece uygun cilt tanımlamak ve metin kutularının her atamak. Kontrol belirli bir tip ve aynı tüm örneklerini için geçerli nitelikler tanımlayan bir deri dosyaları yüzden.

İşte bir örnek. Kaplamalar Standart önce gördüğümüz adlı klasör içinde yeni bir klasör oluşturun ve TestSkinFile denilen içinde cilt tipine yeni bir öğe eklemek

Aşağıdaki gibi bazı denetimler için oluşturulan dosya özelleştirmeler eklemek

Bu şekilde, deri bir Web formu bileşenler eklediğinizde, bu özellikleri ayarlayabilirsiniz alacak. Açıkçası bu, cilt sayfa içinde bildirilmesi gerekir ki tema için daha önce yapılan ne benzer yapılır.

• <<Önceki Ders
• Endeks Yardım
• Sonraki Ders>>