Tema Galeri 2 Matriks yang Disesuaikan

• Mungkin 4, 2024

Dalam tutorial terakhir, kami mulai menyesuaikan tema Matrix menjadi tema kami sendiri untuk Galeri 2. Kami akan melanjutkan dengan menetapkan tema baru ini sebagai tema default untuk portofolio kami dan mengubah latar belakang grafik.

Di dalam folder tema untuk setiap tema adalah file gambar screeshot.png yang merupakan tangkapan layar dari tema itu. Kami masih memiliki png lama dari tema Matrix di folder tema baru kami. Anda mungkin ingin mengganti ini dengan png untuk tema galeri Anda. Ukuran rata-rata png adalah sekitar 500 x 200 piksel. Anda akan menyimpan file screenshot.png baru ke folder gambar.

C: \ xampp \ htdocs \ gallery2 \ themes \ dCipollo \ images

Sekarang kita dapat kembali ke panel kontrol Admin Situs. Pertama, kita perlu menginstal tema baru kita. Buka bagian Plugin dan Anda akan melihat bahwa tema baru kami tercantum di bawah Tema di bagian bawah halaman. Klik Instal untuk menginstal tema baru kami. Selanjutnya, buka bagian Tema dari area Admin dan ubah templat default dari Matriks ke tema baru kami. Tentu saja, Anda tidak akan melihat adanya perubahan dalam tata letak template pada saat ini. Kami masih perlu melakukan perubahan itu.

Saya suka membuat perubahan grafik untuk tema saya terlebih dahulu. Mari kita tambahkan gambar latar belakang. Ini bisa menjadi gambar ubin berulang. Tetapi untuk mencocokkan situs web saya, saya akan menggunakan gambar latar belakang statis besar yang sama. Kita perlu menyimpan latar belakang jpg kita ke folder dCipollo di direktori gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Sekarang kita siap untuk mengubah file theme.css untuk menambahkan grafik latar belakang kita. Jika kita melihat kode sumber untuk file main.php, kita melihat bahwa tag tubuh memiliki kelas gaya yang disebut galeri.



Kita perlu menemukan gaya body.gallery ini di file theme.css.

body.gallery {
? ? margin: 0;
? ? bantalan: 0;
}

Sekarang kita akan menambahkan kode gaya latar belakang ke kelas ini dan arahkan url untuk gambar latar belakang ke jpg di folder dCipollo.

body.gallery {
? ? margin: 0;
? ? bantalan: 0;
? ? warna latar: #eeeeee;
? ? background-image: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? background-attachment: gulir;
? ? background-repeat: no-repeat;
? ? posisi latar belakang: kiri atas;
}

Jika kami menyegarkan halaman main.php kami untuk portofolio kami, kami masih tidak dapat melihat gambar latar belakang. Ini karena ada beberapa gaya yang latar belakangnya diatur ke putih. Mari atur gaya-gaya ini ke latar belakang transparan.

Itu harus mengurus grafik latar belakang untuk portofolio kami. Kami siap mengubah header dan footer untuk halaman web.

Petunjuk Video: GETTING THE FASTEST CAR in VEHICLE TYCOON NEW UPDATE! (Roblox) (Mungkin 2024).