Galeri 2 Matris Temasını Özelleştirin

• Mayıs Ayı 5, 2024

Son derste Matrix temasını Galeri 2 için kendi temamıza göre özelleştirmeye başladık. Bu yeni temayı portföyümüz için varsayılan tema olarak ayarlayıp arka plan grafiğini değiştirerek devam edeceğiz.

Her temanın tema klasörünün içinde, o temanın ekran görüntüsü olan bir screeshot.png resim dosyası bulunur. Yeni tema klasörümüzde hala Matrix temasının eski png'si var. Bunu galeri temanız için bir png ile değiştirmek isteyebilirsiniz. PNG'nin ortalama boyutu yaklaşık 500 x 200 pikseldir. Yeni screenshot.png dosyasını images klasörüne kaydedeceksiniz.

C: \ xampp \ htdocs \ galeri2 \ temaların \ dCipollo \ görüntüleri

Şimdi Site Yöneticisi kontrol paneline dönebiliriz. İlk olarak, yeni temamızı yüklememiz gerekiyor. Eklentiler bölümüne gidin ve yeni temamızın sayfanın altındaki Temalar altında listelendiğini göreceksiniz. Yeni temamızı yüklemek için Yükle'yi tıklayın. Ardından, Yönetici alanının Temalar bölümüne gidin ve Matris'teki varsayılan şablonu yeni temamıza değiştirin. Elbette, bu noktada şablonun düzeninde herhangi bir değişiklik fark etmeyeceksiniz. Hala bu değişiklikleri yapmamız gerekiyor.

Önce temamda grafik değişiklikleri yapmayı seviyorum. Bir arka plan resmi ekleyelim. Bu yinelenen döşenmiş bir görüntü olabilir. Ancak web sitemle eşleşmek için aynı büyük statik arka plan resmini kullanacağım. Arka plan jpg dosyamızı gallery2 dizinindeki dCipollo klasörüne kaydetmemiz gerekiyor.

C: \ xampp \ htdocs \ galeri2 \ dCipollo

Şimdi arka plan grafiğimizi eklemek için theme.css dosyasını değiştirmeye hazırız. Main.php dosyasının kaynak koduna bakarsak, gövde etiketinin galeri adlı bir stil sınıfına sahip olduğunu görürüz.



Bu body.gallery stilini theme.css dosyasında bulmamız gerekecek.

body.gallery {
? ? kenar boşluğu: 0;
? ? dolgu: 0;
}

Şimdi bu sınıfa arka plan stili kodlarını ekleyeceğiz ve arka plan resminin URL'sini dCipollo klasöründeki jpg'ye yönlendireceğiz.

body.gallery {
? ? kenar boşluğu: 0;
? ? dolgu: 0;
? ? arka plan rengi: #eeeeee;
? ? arka plan resmi: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? arka plan eki: kaydırma;
? ? arkaplan tekrarlama: tekrarlama yok;
? ? arka plan konumu: sol üst;
}

Main.php sayfamızı portföyümüz için yeniliyorsak, arka plan resmini göremiyoruz. Bunun nedeni, arka planı beyaz olarak ayarlanmış bazı stiller olmasıdır. Bu stilleri şeffaf bir arka plana ayarlayalım.

Bu, portföyümüzün arka plan grafiklerine dikkat etmelidir. Web sayfasının üstbilgisini ve altbilgisini değiştirmeye hazırız.

Video Talimatları: Android Kişiselleştirme : Launcherlar, Uygulamalar (Mayıs Ayı 2024).