Silahkan Kunjungi rumah blog kami yang baru klik DISINI
untuk fotonya silahkan anda koment sendiri....ha...ha....

Jumat, 28 November 2014

Kode Membuat Aplikasi Editing CSS Sendiri

print this page Print this page
<style type="text/css">
button{font:14px Tahoma, sans-serif;border:6px double #8000FF;background:#fc0;padding:2px;
}
button:hover{background:#ddd;
}
button:active{background:#f00;padding:0;
}
iframe{height:400px;width:99%;border:6px double #8000FF;padding:1px;overflow:auto;
}
textarea{font:12px Tahoma,sans-serif;border:4px double #8000FF;padding:2px;width:200px;height:400px;scroll:auto;overflow:auto;
}
table{width:width:100%;margin:0 auto;background:#8000FF;border:8px double #BE81F7;padding:5px;
}
</style>

<br />
<table><tbody>
<tr><td><form method="post" name="kotak">
<textarea name="kode" onclick="focus(this.kode)" style="height: 400px; width: 200px;"><style>CSS Code Here</style> <!===================>  <body>HTML Code Here</body></textarea></form>
</td>
<td style="padding: 2px; width: 100%;"><iframe name="lihat" src="about:blank" style="background: #E3CEF6 url(http://i1206.photobucket.com/albums/bb455/binkbenk/bloks.png) no-repeat center;"></iframe>
</td></tr>
<tr><td><button onclick="lihat.document.write (document.getElementsByTagName ('textarea')[0].value); lihat.document.close(); lihat.focus()">Lihat Hasil</button><button onclick="window.document.kotak.kode.value='SILAHKAN COBA LAGI';lihat.document.write (document.getElementsByTagName ('textarea')[0].value); lihat.document.close(); lihat.focus()">Hapus Kode</button>
</td></tr>
</tbody></table><br/>
Artikel Terkait

A M A R A J E N

0   komentar

Posting Komentar

Cancel Reply
A M A R A J E N
Blog ini didirikan hanya untuk kalangan sendiri, Terima kasih telah singgah.. Semoga kita berjumpa kembali.....!