Highlight script/kod V2

Seperti yang pernah dibahaskan pada tutorial yang lepas, membuat fungsi kotak highlight seperti itu hanya sesuai jika ditampilkan dengan satu gaya sahaja di dalam semua posting.Bagaimana caranya jika anda ingin tampilkan gaya berbeza disetiap posting?Dengan kombinasi css+html masalah ini mudah diatasi.

Apa yang perlu anda lakukan ialah copy saje kod bewarna merah dibawah ini dan pastekan diposting dimana kotak highlightnya ingin dibuat.(teks warna biru diantara kod warna merah hanya sebagai contoh saje.)Ingat..tak perlu dicopy.

<div style="padding:7px 5px 7px 10px; border-width: 1px; border-style: dotted; border-color: #2C29FF; width:300px; background-color: #FDFFA3; ">
1.boleh tulis teks,kod,script didalamnya

2.boleh letak gambar sebagai background

3.css (coret sana sini)</div>

Hasilnya akan jadi seperti ini...

1.boleh tulis teks,kod,script didalamnya
2.boleh letak gambar sebagai background
3.css (coret sana sini)

Keterangan

1.Untuk tutorial padding,border,border style anda boleh lihat disini

2.Nilai px dan color(#ABCDEF)(color code) boleh diubah mengikut kesesuaian

3.Jika ingin jadikan gambar sebagai background.gantikan dengan URL tempat gambar anda disimpan.

Oklah..harap anda dapat memahami apa yang ingin penulis sampaikan didlm tutorial ringkas ini.Opps..sebelum terlupa...satu perkara lagi jika anda ingin kotak highlight ini berada ditengah posting, cukup hanya tambah kod margin sebelum kod padding...

Mungkin artikel dibawah yang sedang anda cari