Pages

Diberdayakan oleh Blogger.

Combination Tags

02.13 |

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>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Restu Pratiwi

TAG-TAG SEDERHANA

01.28 |


Ini contoh Marquee :





Isi Marquee

Kodenya :
<marquee behavior="scroll" direction="left">ISI MARQUEE</marquee>
 Kalau yang ini memantul (bouncing) :



ISI MARQUEE

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 dengan variasi hurup



<marquee align="center" direction="right" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri</marquee>



Hasilnya :
Marquee dari kanan ke kiri.
menyudut dari atas ke bawah

Selamat datang ..
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>
Standar tag marquee tanpa atribut
<marquee>Standar tag marquee tanpa atribut</marquee>
Standar tag marquee tanpa Atribut
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>
direction="up"
direction="right"
marquee direction="down"
marquee direction="left"
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 behavior="alternate"
marquee behavior="scroll"
marquee behavior="slide"
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 scrolldelay="100"
marquee scrolldelay="200"
marquee scrolldelay="300"
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 scrollamount="10"
marquee scrollamount="20"
marquee scrollamount="30"
Marquee dengan atribut width
<marquee width="75%">marquee width="75%"</marquee> <marquee width="160">marquee width="160"</marquee>
marquee width="75%"
marquee width="160"
Marquee dengan atribut height
<marquee height="75%">marquee height="75%"</marquee> <marquee height="30">marquee height="30"</marquee>
marquee height="75%"
marquee height="30"
Marquee dengan atribut bgcolor
<marquee bgcolor="red">marquee bgcolor="red"</marquee> <marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>
marquee bgcolor="red"
marquee bgcolor="#ddd"
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>
HTML CSS Guides.com
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>
<<< MACAM-MACAM MACAM-MACAM >>>
Contoh Marquee
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.
Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui comment
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>
marquee1 marquee2 marquee3
<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>
marquee1marquee2marquee3

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Restu Pratiwi
Langganan: Postingan (Atom)