Ingat Waktu Coy

NavBar

Ext CSS

27 July 2013

CSS Editor

·
T
his is a tool for CSS Editor and we will need tool like this to make a unique post @ Typography.


Let's try this tool. For those who want to install this CSS Editor. Copy a code below
CSS Editor
<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>
<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>

0 comments:

All Connect