Sebelumnya nggak pernah kepikiran untuk bikin tips seperti ini kalo saja Ebri Ronaldo Sahabat saya nggak minta bikinin tutorial marque. Sebenarnya 21 siak ragu, bener nggak seorang yang pinter blog seperti Ebri Ronaldo yang mempunyai template bagus minta 21 Siak bikinin tutorial marquee? Tetapi apa salahnya juga sekalian buat postingan dan sekedar tips memaksimalkan kemampuan.
Sepertinya saya tak perlu lagi menjelaskan apa itu Marque, tulisan yang dapat berjalan tanpa henti (mau ronda ne ye?)
Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini saya panggil beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan saya dan sobat dalam memberi penjelasan. Plus tambahan Saya sertakan kode html yang diperlukan, Para sobat tinggal mengganti teks yang ada dalam kode tersebut maksudnya teks yang akan di buat marque sama para sobat.
Marquee 1.0
Marque setandar
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).
Kode HTML nya :
<marquee>Teks Para Sobat disini</marquee>
Marquee 1.0.1
Marque teks berjalan yaaaaa?????
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Sobat arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.
Kode HTML nya
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Para Sobat disini</marquee>
Marquee 1.0.2
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan, contoh dengan teks arabic:
مرقو ادلح تيكس برجالان
Kode HTML nya
<marquee direction="right">Teks Para Sobat disini</marquee>
Marquee 2.0
Marque teks berjalan yaaa????
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang
kode HTML nya:
<marquee behavior="alternate">Teks Para Sobat disini</marquee>
Marquee 2.0.1
Marque teks berjalan yaaaa???
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif
Marque teks berjalan yaaaa????
Kode HTML nya
<marquee behavior="alternate" scrollamount="18">Teks Para sobat disini</marquee>
Marquee 2.0.2
marquue teks berjalan yaaa????
Kode HTML nya:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Para Soabt disini</marquee>
Marquee 3.0
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
HTML nya:
<marquee direction="up">Teks Para sobat disini</marquee>
Marquee 3.0.1
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marque teks berjalan yaa???
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
Kode HTML nya:
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Para sobat disini</marquee>
Marquee 3.0.2
Marque teks berjalan yaaaa????
Marque teks berjalan yaaaa????
Marque teks berjalan yaaaa????
Marque teks berjalan yaaaa????
Marque teks berjalan yaaaa????
Marque teks berjalan yaaaa????
Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Kode HTML nya:
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Para sobat disini</marquee>
Marquee 3.0.3
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marque teks berjalan yaaa????
Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.
Kode HTML nya :
<marquee direction="down" width="100%" height="100">Teks para sobat disini</marquee>
Yaa mungkin hanya sampai disini tips sederhana ini, silahkan para sobat coba….! tinggal milih mau yang mana juga. Semoga bermanfaat dan seperti biasa comentarnya
Terutama buat Ebri RonaLdo
0 komentar:
Posting Komentar