Sayfanız’da veya sitenizin belirli bir bölümün’de özelleştirmek ve çekici olarak göstermek istediğiniz bir yazı olabilir, bu yazıya kod ile efekt katabilirsiniz, paylaşmış olduğumuz yanıp sönen yazı efekti kodu genelde sitelerin footer kısımlarında kullanılsada sizler dilediğiniz her yerde düzenleyerek kullanabilirsiniz.

Html ve CSS’nin nimetlerinden faydalanarak hazırlanan bu kod ile herkesin dikkatini üzerine çekebileceğiniz yazılar oluşturabilecek ve sitenizin istediğiniz bir bölümünde kullanabileceksiniz.Kodun siteniz’de nasıl görüntüleneceğini görmek ve önizleme yapmak için aşağıdaki butona tıklayabilirsiniz.

[button color=”purple ” size=”big” link=”javascript:void%20window.open(‘http://www.sohbetgen.com/kodtest/yanipsonenyazi.php’,”,’width=724,height=400,left=73,top=70′)” icon=”fa fa-eye” target=”false”]Kod Önizleme[/button]

Yanıp Sönen Yazı Efekti Kodu;

<code><script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // Arka plan rengi
var fgcolour="#663399"; // ön plan rengi
var speed=100; // bubbling hızı, düşük hızlı
var shades=10; // bubble tonlarının sayısı
var bubbcol=new Array();var bubbler,bubbtxt;var bubbchr=new Array();window.onload=function(){if(document.getElementById){for(bubbler=0;bubbler<=shades;bubbler++){bubbtxt="#";for(var i=1;i<6;i+=2){var bg=parseInt(bgcolour.substring(i,i+2),16);bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)))}
bubbcol[bubbler+1]=bubbtxt;}bubbler=document.getElementById("bubble");bubbtxt=bubbler.firstChild.nodeValue;while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);for (var i=0; i<bubbtxt.length; i++) {var bubbi=document.createElement("span");bubbi.setAttribute("id", "bubb"+i);bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));bubbler.appendChild(bubbi);}bubbler=setInterval ("bubbling()", speed);}}
function dechex(dec){var hex=dec.toString(16);if(dec<16)return"0"+hex;else return hex;}
function bubbling(){for(var i=0;i<bubbtxt.length;i++){var bubbme=document.getElementById("bubb"+i);if(bubbchr[i]){bubbme.style.color=bubbcol[bubbchr[i]];bubbchr[i]=(bubbchr[i]+1)%bubbcol.length}else if(Math.random()<0.75/bubbchr.length)bubbchr[i]=1;}}
// ]]>
</script>
<strong><span style="color="#000066;" id="bubble">#Yanip Sönen Yaziyi Buraya Yaz#</span></strong></code>

Üst kısımda yer alan kod üzerinde değişiklik yapmayınız değişiklik yapacağınız yer #Yanip Sönen Yaziyi Buraya Yaz# olarak belirttiğimiz yerdir, buraya istediğiniz yazıyı yazıp kaydettikten sonra sayfanızı yenileyiniz.

Yanıp Sönen Yazı Efekti Kodu
5 (100%) 1 oy

Yazar Hakkında

Anonim {SohbetGen}sohbetingezegeni@gmail.com

1979 Malatya Doğumlu, Web tasarım, Arama motoru optimizasyonu ( SEO ), Logo ve Grafik tasarım alanlarında uzman, 2010 yılı itibariyle Antalya/Kemer ilçesinde ikamet etmekte.

Bunlarada Göz Atabilirsiniz

Benzer Yazılar

Yorumlar


Sen de Yorumla!

Spam Kontrol - Aşağıdaki Sorunun Cevabını Boş Alana Giriniz ! *