Pembuatan Template Joomla Tingkat Lanjut Menggunakan Sufiks Kelas Modul

Jejakblog Merupakan media online yang mempunyai visi “Media Informasi Terpercaya”. Dengan misi menyediakan informasi terbaru seputar dunia teknologi, gadget, smartphone, social media, komputer dan seputar teknologi Politik Olahraga Sosial dan lainnya yang di himpun dari berbagai sumber yang bisa dipercaya dan dipertanggung jawabkan.

sebuah artikel dari Sumber Tertulis Pengguna

1. duplikat gaya yang sudah digunakan untuk modul tertentu, tambahkan sufiks ke setiap nama gaya. ini pasti akan mencakup beberapa hal berikut;

1. .modul {}
2. div.moduletable {}
3. div.moduletable h3 {}
4. table.moduletable {}/li>
5. table.modulable ini
6. table.moduletable td

dan dapat menyertakan gaya lain yang digunakan pada konten di bagian tersebut, seperti;

1. ol, ul, li {}
2. a:link,a:visited,a:hover {}
3. a.readon:link,a.readon:visited,a.readon:hover {}

dan lainnya, perhatikan bahwa modul tertentu mungkin sudah memiliki gaya css tertentu yang terkait dengannya (seperti daftar berita terbaru & paling banyak dibaca) jadi jika Anda memodifikasi salah satu modul ini, Anda mungkin perlu menghapus gaya tertentu sehingga gaya akhiran kelas modul dapat diterapkan, atau hanya mengubah gaya tertentu.

contoh dari “template freemambo”

table.moduletable { float: kiri; bantalan: 0px; margin: 0 piksel; lebar: 152 piksel; latar belakang: url(../images/leftright.gif); } table.moduletable th { background: url(../images/subhead_bg.gif); ukuran font: 10px; text-align: tengah !penting; perataan teks:pusat; padding-atas: 4px; padding-kiri: 0px; tinggi: 23 piksel; dekorasi teks: tidak ada; lebar: 154px !penting; lebar:152px; warna:#FFFFFF; transformasi teks:huruf besar; } table.moduletable td { ukuran font: 11px; padding-kiri: 5px; padding-kanan: 2px; font-berat: normal; warna:#000000; }

tidak ada tangkapan layar sufiks modul

2 .buat perubahan gaya ini sesuai keinginan.

contoh perubahan pada “template freemambo” – menambahkan sufiks mis

table.moduletableeg { float: kiri; bantalan: 0px; margin: 0 piksel; lebar: 152 piksel; } table.moduletableeg th { background-color: #FF9900; warna: #333333; ukuran font: 12px; text-align: tengah !penting; perataan teks:pusat; padding-atas: 2px; padding-kiri: 0px; tinggi: 23 piksel; dekorasi teks: tidak ada; lebar: 154px !penting; lebar:152px; transformasi teks:huruf kecil; } table.moduletableeg td { background-color: #EEEEEE; ukuran font: 11px; padding-kiri: 5px; padding-kanan: 2px; font-berat: normal; warna:#FF0000; }

misalnya tangkapan layar sufiks modul

3. perbarui akhiran kelas modul di dalam administrator joomla.

1. buka ‘Modul’ -> ‘Modul Situs’
2. klik pada modul yang ingin Anda terapkan gaya css barunya
3. masukkan akhiran yang Anda gunakan di bidang akhiran kelas modul & klik ‘Simpan’

modul situs – edit tangkapan layar

Leave a Comment

Your email address will not be published. Required fields are marked *