Senin, 31 Oktober 2011

MEMBUAT EFEK API PADA BLOG

〇 Membuat Efek Api Pada Text

Andi, 31 Oktober 2011
Bismillahirrohmanirrohiim
Apa kabarnya sobat? Sebelumnya terimakasih mau mampir diblog sunyi ini,pada kesempatan ini saya mencoba mengingatkan kembali apakah pernah melihat gambar,logo atau nama yang mengeluarkan api? Pasti pernah atau sering melihatnya jika belum contoh DEMONYA (itu adalah site pertamaku mengenal dumay lewat xtgem) coba perhatikan dengan seksama dan dalam tempoh yang agak lama "wink gambar online tersebut mirip text shadow bukan? Cuma diberi efek bergerak pada api(shadownya) dan ketebalan pada textnya,sekarang gimana jika logo tersebut kita ubah menjadi javascript dan kita beri efek bergerak (query) jika ada yang mau mencoba ini scriptnya
<script src="http://ykubnay.googlecode.com/files/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('' );$(this).html('<span>' + letters.join('</span><span>' ) +'</span>' );$spans = $(this).find('span' );setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC' );}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ' )});}$(begin);function begin(){$('#mandra' ).ignite(gasFlame);}</script><style type="text/css">#mandra{font-size: 2em;line-height:2.50em;text-shadow:4px 2px 6px blue;color:#000;}
</style><div id="mandra">
text disini sunyinya malam lebih sunyi blog ini
</div>

berhubung mwb bekerja pada bbcode untuk kode " ) atau ' ) pasang tanpa spasi karna jika disatukan jadinya "wink 'wink agar tak terjadi kesalahan harap copy scriptnya DISINI text disini ganti dengan text kita sendiri,selamat berakhir pekan sobat kata pakde weekend.. Demikian semoga bermanfaat..terima kasih buat kang hendro-prayitno atas inspiratornya.
Alhamdulillah

Tidak ada komentar:

Posting Komentar