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

<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.
Share this article :
 

+ comments + 2 comments

17 Juni 2012 pukul 05.40

Makasih ya Mas, tutorialnya sangat membantu. :D

21 Maret 2021 pukul 21.42

s

Posting Komentar

Terimakasih sudah berkunjung dan meninggalkan pesan dan kesan beserta saran dan kritiknya melalui kotak komentar yang telah kami sediakan disetiap akhir posting.

Kami selalu menghargai setiap kata yang telah Anda berikan kepada kami dan oleh sebab itu kami pun pasti akan mengunjungi WebBlog Anda untuk menjaga tali silaturahmi.

 
Links : About | Excel Tutorial | Macro VBA | Download| Daftar Isi
Copyright © 2010. iyanzone - All Rights Reserved
Support by Teknik AutoCAD Published by Iyan Supriyadi
Proudly powered by Blogger