Membuat Kotak Untuk Memposting Kode HTML atau Script
Ada beberapa kotak atau box berbeda berdasarkan warna border dan jenis-jenis garis bordernya. Silahkan dipilih kalo ada yang menarik.
» Solid Border
» Ridge Border
» Inset Border
» Outset Border
» Double Border
» Dotted Border
» Dashed Border
Border dengan scroll, lebar dan tinggi
Pada tulisan yang "berwarna merah" silahkan ganti dengan Kode HTML atau Script yang kamu inginkan, namun perlu diingat : Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" (cara untuk meng-ENCODE Kode HTML atau Script silahkan klik disini), sedangkan untuk background-color silahkan kamu ganti dengan warna kesukaan masing-masing.
Info ini saya dapat di sini dan saya bagikan lagi, semoga dapat bermanfaat untuk yang belum mengetahuinya.
» Solid Border
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Ridge Border
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Groove Border
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Inset Border
<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Outset Border
<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Double Border
<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
» Dotted Border
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>
» Dashed Border
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
Border dengan scroll, lebar dan tinggi
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>
Pada tulisan yang "berwarna merah" silahkan ganti dengan Kode HTML atau Script yang kamu inginkan, namun perlu diingat : Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam keadaan "ENCODE" (cara untuk meng-ENCODE Kode HTML atau Script silahkan klik disini), sedangkan untuk background-color silahkan kamu ganti dengan warna kesukaan masing-masing.
Info ini saya dapat di sini dan saya bagikan lagi, semoga dapat bermanfaat untuk yang belum mengetahuinya.
BERITA LENGKAP DI HALAMAN BERIKUTNYA
Halaman Berikutnya
0 Response to "Membuat Kotak Untuk Memposting Kode HTML atau Script"
Posting Komentar