Sabtu, 18 Februari 2012

Membuat Tulisan Berjalan dan Membesar Jika Disentuh Kursor



Artikel Kali ini kita mencoba belajar membuat tulisan kreatif pada kode html,mungkin kita juga masih bingung dengan judul di atas yang mungkin bisa jelaskan maksud nya :

"Membuat sebuah kalimat yang dapat berjalan dari kanan ke kiri dan tulisan tersebut membesar jika di sentuh oleh cursor"
 Nah..kira-kira maksud saya seperti di atas...untuk memahami silahkan menyentuh contoh tulisan yang saya maksud di bawah..






BELAJAR MENDESAIN BLOG DI WEB.GALLERYDUNIA.COM



Nah gimana juragan....jika berminat untuk membuat tulisan seperti itu ga perlu pusing pusing mengotak-ngatik kode html,sobat tinggal copy paste kode html di bawah ini dan letak di posisi di mana aja pada sidebar yang sobat sukai dan untuk kode ini bisa juga untuk di letakan di postingan buat mempercantik artikel kita.

Kode nya

<style type="text/css">
#qthink{margin:0 auto;padding:5px;text-align:CENTER;}.polo_box
{width:400px;height:125px;background:none;}#ease.polo_box{-webkit-transition:all 4s ease-in ;
-moz-transition :all 4s ease-in;o-transition: all 4s ease-in;-webkit-transition: all 4s ease-in;transition:all 4s ease-in;}#qthink:hover.polo_box,
#qthink.hover_effect.polo_box{text-shadow:0 0 10px rgb(251,51,51);color :BLUE;-moz-transform:scale(2.2);-webkit-transition-duration:3s;}
</style>
<div id="qthink">

<div class="polo_box" id="qthink">

<div class="center">

<marquee align="center" direction="left" height="50" scrollamount="2" width="600%"><span style="font-family: inherit; font-size: large;"><b>BELAJAR MENDESAIN BLOG DI WEB.GALLERYDUNIA.COM</b></span></marquee></div>
</div>
</div>


Keterangan nya :
  • Tulisan berwarna merah..anda ganti dengan tulisan lain nya sesuai keinginan sobat.
  • kode width:400px;height:125px  kalau kode width dan heigth buat lebar dan tinggi tulisan .
  • Kode background:none untuk memberi warna back ground tulisan.

Kode di atas bisa di modifikasi ukuran dan besar nya tulisan..kalau untuk gambar saya belum mencoba nya mungkin sobat-sobat nanti bisa memodifikasi nya buat gambar agar dapat berjalan yang penting jangan di kasih kaki aja..he he ( just kidding).


Semoga artikel di atas bisa bermamfaat dan di tunggu modifikasi selanjut nya dari para sahabat sekalian..Sumber

Tidak ada komentar:

Posting Komentar