Minggu, 16 September 2012

Membuat Kotak Script

1. Solid Border :


<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

2. Ridge Border :


<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 

3. Insert Border : 

 <div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>


4. Outset Border : 

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 

5. Double Border : 

<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

 
6.  Dotted Border : 

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>


7. Dashed Border : 

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div> 


8. Kotak Script memakai Scroll :

<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

Catatan :
  •  Pilih modus penulisan HTML
  • Nah tampilan pun langsung berbeda seperti contoh di bawah ini
  • Lalu Copy scriptnya yang di atas
  • Ganti tulisan  PASTE ATAU TULIS KODE/SCRIPTNYA DISINI dengan kode script yang nanti akan dimunculkan dalam postingan.
  • Jika Agan ingin merubah backgroundnya, tinggal ganti script #82CAFA, dan kode warna bordernya #006400...Agan bisa lihat di Photoshop, kalo males kunjungi ini aja  Kode Warna Untuk Photoshop/HTML


Tidak ada komentar:

Posting Komentar

Page Navigation byhttp://creativityforindonesia.blogspot.com

Artikel Via Email

Dapatkan Update Artikel B-digg Via Email
Jika anda suka dengan artikel yang ada di blog ini, silahkan untuk berlangganan artikel blog ini via email gratis. Isikan alamat email anda di bawah ini!!