Actually I haven't understand yet what I've to write int this post. But let me try!
<a href="twitter.com"><font color="green">CLICKHERE</font></a>
Combination Tags
02.13 |
Read User's Comments(0)
TAG-TAG SEDERHANA
01.28 |
Ini contoh Marquee :
Kodenya :
<marquee behavior="scroll" direction="left">ISI MARQUEE</marquee>Kalau yang ini memantul (bouncing) :
Ini kode untuk Marquee memantul :
<marquee behavior="alternate">ISI MARQUEE</marquee>
<div align="left"><font face="georgia" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="3" behavior="alternate"> </marquee></strong></font></div>Contoh hasilnya :
<marquee align="center" direction="right" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri</marquee>
Hasilnya :
Anda bisa menggunakan kode berikut ini
<marquee><marquee direction="down">Selamat datang .. </marquee></marquee>
Jalan berlawanan
Selamat Datang.. Selamat Datang..
Kode yang digunakan
<marquee> Selamat Datang.. </marquee> <marquee direction="right"> Selamat Datang.. </marquee>
Kode yang digunakan
<marquee> Selamat Datang.. </marquee> <marquee direction="right"> Selamat Datang.. </marquee>
Standar tag marquee tanpa atribut
<marquee>Standar tag marquee tanpa atribut</marquee>
Marquee dengan atribut direction
<marquee direction="up">marquee direction="up"</marquee> <marquee direction="right">marquee direction="right"</marquee> <marquee direction="down">marquee direction="down"</marquee> <marquee direction="left">marquee direction="left"</marquee>
Marquee dengan atribut behavior
<marquee behavior="alternate">marquee behavior="alternate"</marquee> <marquee behavior="scroll">marquee behavior="scroll"</marquee> <marquee behavior="slide">marquee behavior="slide"</marquee>
Marquee dengan atribut scrolldelay
<marquee scrolldelay="100">marquee scrolldelay="100"</marquee> <marquee scrolldelay="200">marquee scrolldelay="200"</marquee> <marquee scrolldelay="300">marquee scrolldelay="300"</marquee>
Marquee dengan atribut scrollamount
<marquee scrollamount="10">marquee scrollamount="10"</marquee> <marquee scrollamount="20">marquee scrollamount="20"</marquee> <marquee scrollamount="30">marquee scrollamount="30"</marquee>
Marquee dengan atribut width
<marquee width="75%">marquee width="75%"</marquee> <marquee width="160">marquee width="160"</marquee>
Marquee dengan atribut height
<marquee height="75%">marquee height="75%"</marquee> <marquee height="30">marquee height="30"</marquee>
Marquee dengan atribut bgcolor
<marquee bgcolor="red">marquee bgcolor="red"</marquee> <marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>
Marquee dengan atribut style
<p><marquee style="padding:4px;font-size:18px;color:#0C9;background:#000;">HTML CSS Guides.com<br /> <span style="font-size:12px;color:#ff3;">Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.</span></marquee></p>
Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.
Marquee dengan beberapa atribut
<p style="background: #366;text-align:center;padding:4px;font-size:20px;color:#0fc;"> <marquee direction="left" scrollamount="5" width="200"><<< MACAM-MACAM</marquee> <marquee direction="right" scrollamount="5" width="200">MACAM-MACAM >>></marquee><br /> <marquee behavior="alternate" width="400" style="font-size:14px;color: #fff;" >Contoh Marquee</marquee></p>
Marquee dengan link dan mouseover atribut
<marquee onmouseover="this.stop();" onmouseout="this.start();">Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui <a href="/membuat-teks-berjalan-dengan-tag-marquee#comment" title="Tinggalkan pesan">comment</a></a></marquee>
Ketika kita menggeser mouse ke area teks dibawah maka teksnya akan berhenti.
Marquee dengan gambar
Untuk gambar kita cupup memasukkan lokasi gambarnya dan lakukan pengaturan dengan atribut-atribut marquee tersebut.
<marquee><img src="../images/marquee1.jpg" /> <img src="../images/marquee2.jpg" /> <img src="../images/marquee3.jpg" /></marquee>
<marquee scrollamount="2" width="100" style="background:url(../images/marqueebg.jpg);"><img src="../images/marquee1.jpg" /><img src="../images/marquee2.jpg" /><img src="../images/marquee3.jpg" /></marquee>
Langganan:
Postingan (Atom)