Artikel HTML Background Image
Letakkan gambar latar belakang atau warna pada sebuah artikel
Anda dapat menempatkan gambar latar belakang atau warna dalam sebuah artikel dengan mengikuti langkah-langkah berikut :
Buka artikel untuk mengedit dengan TinyMCE atau editor lain .
Tekan "Edit HTML Source" tombol dan masukkan kode yang ditunjukkan di bawah di awal artikel :
Untuk gambar :
<div style="background-image: url('images/stories/key.jpg')">
Untuk warna :
<div style="background-color: #dddddd">
Pengganti gambar yang Anda inginkan atau warna dalam kode di atas . Jika Anda menggunakan editor TinyMCE , Anda tidak perlu menambahkan penutupan < / div > tag di akhir artikel , karena TinyMCE akan menambahkan ini untuk Anda secara otomatis .
Jika Anda ingin mengontrol gaya dari file CSS , Anda dapat menyisipkan atribut kelas bukannya atribut style . Sebagai contoh, ikuti langkah-langkah ( 1 ) dan ( 2 ) di atas, kecuali menyisipkan kode ini :
<div class="mynewclass">
Kemudian buka file CSS (biasanya <Joomla! home> / templates / CSS / template.css ) dan menambahkan sesuatu seperti :
div.mynewclass {background - color: red ; }
Jika Anda ingin memiliki latar belakang yang berbeda untuk Menu Items yang berbeda, Anda juga dapat menggunakan parameter Sufiks Kelas Halaman dari Menu Item untuk membuat kelas CSS baru dan kemudian menambahkan perintah styling dalam file CSS .
Artikel HTML Background Image
Tidak ada komentar:
Posting Komentar