The-Bhuz.Com

Tepi Kiri Kanan Melengkung

<div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: #cccccc; border-radius: 20px; border: 2px solid black; color: black; font-family: Arial; padding: 5px;">Tepi Kiri Kanan Melengkung</div>

Pojok Kiri Atas Melengkung

<div style="-moz-border-radius: 1em 0em 0em 0em; background-color: orange; border-radius: 1em 0em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Atas Melengkung</div>

Pojok Kiri Bawah Melengkung

<div style="-moz-border-radius: 0em 0em 0em 1em; background-color: green; border-radius: 0em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Bawah Melengkung</div>

Pojok Kanan Atas Melengkung

<div style="-moz-border-radius: 0em 1em 0em 0em; background-color: red; border-radius: 0em 1em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Atas Melengkung</div>

Pojok Kanan Bawah Melengkung

<div style="-moz-border-radius: 0em 0em 1em 0em; background-color: blue; border-radius: 0em 0em 1em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Bawah Melengkung</div>

Tepi Kiri Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: gold; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kiri Melengkung</div>

Tepi Kanan Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: royalblue; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kanan Melengkung</div>

Sebuah Web ataupun Blog diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam HTML, agar tulisan lebih bervariasi.

Nama-nama Font bisa anda lihat dibagian paling bawah halaman ini. Daftar font yang saya contohkan saya ambil dari nama-nama font yang di pakai di Notepad, versi script western.


OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :

• Teks dengan fon standart

Membuat Kotak ( textarea ) Dengan Variasi



heyy sobat, kembali lagi ane nichh.. kali ini saya share tentang  Membuat Kotak ( textarea ) Dengan Variasi. Kemarin saya udah share tentang text area dengan pilih semua, dan text area dengan Klik Show.

Sekarang ane share buat sobat yang belum tau, disini ane akan share text area biasa tanpa backround, text area yang dengan backround berwarna, copy all dan text area dengan garis putus putus.

Caranya  : Copas Jaw nich scrip yang sobat butuhkan....

Text area biasa tanpa backround

<div style="border: 1px solid #6600FF; background: #66FF00; margin: 1px; padding: 1px;">Kotak ini</div>

Text area yang dengan backround berwarna

<div style="border: 3px dotted #FF0000; background: #66FFFF; margin: 1px; padding: 4px;">Kotak dengan garis putus-putus.</div>

Text area dengan garis putus-putus

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" </div><div align="center"></div><p align="center"><textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda sobat menuliskan scrip sesuka anda sobat </textarea></p></div></form>

Text area dengan tombol Copy All

<div>
<form name="noer cholis">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 200; height: 30" name="txt" rows="3" cols="45" onmouseover="this.form.txt.select()" readonly ;>
Text Area Blok otomatis</textarea></p>
</div>

Text Area Blok otomatis