2012-09-19

Editing Style

Untuk melakukan perbaikan pada script anda. Terutama CSS, biasa kita mencari 1-1 dari html (view source) lalu perbaiki dan refresh. cara yang bisa dibilang agak kuno.. Tetapi efektif juga karena kita jadi bisa belajar. Cara lain sebenarnya pake yang namanya inspect elemen.. Kalau di FF bisa juga memakai tools yang serupa.

Tutorial ini bukan milik saya jadi silakan dibaca saja
sumber:https://www.facebook.com/groups/idjoomla/permalink/421994167860424/



Shabat joomla aku mau kasih Tutorial baru nih..mengenai cara mengubah/membuat style baru pada content joomla...
1. Buka halaman yang menampilkan konten yang akan dibuatkan/diubah stylenya
2. Lakukan Inspect element pada konten tersebut
inspect hanya ada di firefox dan chrome.


3. cari elemennya dan liat pada area yang biru
perhatikan yang warna biru
4. Lihat Style HTML untuk mengetahui nama file css nya. Perlu di ingat kadang posisinya itu belum tentu yang dicari. Tetapi perhatikan namanya. Kendo.def....:90 atau {nama file}:{line}; dengan pernyataan dibawah jadi kita bisa tahu bahwa css ini berada di file css posisi ke 90

5. Buka file css tersebut dan langsung ke line 90
6.a. Jika nama element tersbut Anda cukup mengedit element yang namanya Anda catat tadi sesuai keinginan anda.
6.b. Jika nama element tersebut belum ada maka buatlah element tersbut dengan nama sesuai yang Anda catat tadi.
contoh:
div.item.column-1 {
background: #e4f8ff;
border-top: 4px solid #599e30;
border-bottom: 4px solid #599e30;

7. Refresh halaman yang Anda edit stylenya.

Selesai...

Tidak ada komentar: