Excalibur
Info

Selamat Datang

Selamat Datang Di Blog Roy Lichtenstein- Saya Senang Anda Berada Di Sini, Dan Berharap Anda Sering Datang Kembali. Silakan Berlama - Lama Di Sini Dan Membaca Lebih Lanjut Tentang Artikel Yang Saya Susun. Ada Banyak Hal Dapat Anda Pelajari, Anda Mungkin Akan Menemukan Sesuatu Yang Menarik

Sekilas Tentang Roy

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Hacker, Desainer Atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar Dan Ingin Tau Sesuatu Yang Baru...

Social Icons

xtreme5-roylichtenstein.blogspot.com

Cara Bikin Atawa Membuat Simple Hightlight Text

Cara membuat highlight text yang satu ini amat sangat simple dan mudah serta praktis digunakan. Script yang dipakai langsung diterapkan pada posting yang kita lakukan. Input Button kita pergunakan sehingga bentuk KODE yang digunakan semakin irit. Silahkan untuk melihat DEMO-nya yang sekaligus berisi tutorial.


KODE CSS : letakkan dan simpan di atas KODE ]]></b:skin>

<style type="text/css">
.pypaste{
    width:500px;
    border:2px solid #666;
    margin:0 0 15px;
    padding:3px;
    background:#FFFFCC;
    font-family:Comic Sans MS;
    font-size:13px;
    color:#660000;
    -moz-border-radius-bottomright:12px;
    -moz-border-radius-bottomleft:12px;
    }
</style>



Gunakan KODE berikut di ruang posting :

<form name="select_all">
<input type="button" value="Highlight Text" onclick="javascript:this.form.paijo_area.focus();this.form.paijo_area.select();"><br />
<textarea name="paijo_area" rows="5" class="pypaste">

Tuliskan teks di sini !

</textarea>
</form>

Catatan :

1. Jika diperlukan rubah lebar texarea dengan merubah width:500px; (bisa juga dengan width:auto;)

2. Untuk merubah tinggi texarea ganti nilai pada KODE ---> row="..."

3. Nama paijo pada paijo_area dapat diganti dengan sembarang nama !

4. Untuk merubah ukuran font ganti KODE : font-size:12px; dengan ukuran yang dikehendaki .

5. "Highlight Text" pada : value="Highlight Text" dapat diganti dengan text lain seperti "Select All"

Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous