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 :
Nah..kira-kira maksud saya seperti di atas...untuk memahami silahkan menyentuh contoh tulisan yang saya maksud di bawah..
"Membuat sebuah kalimat yang dapat berjalan dari kanan ke kiri dan tulisan tersebut membesar jika di sentuh oleh cursor"
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>
#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