AnaSayfa / WebMaster Özel / Yanıp Sönen Yazı Efekti Kodu

Yanıp Sönen Yazı Efekti Kodu

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.

Kod Önizleme

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.

Hakkında SohbetGen

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.

Bunada Göz Atmak İstermisiniz !

WordPress'te Yazının Sağına veya Soluna Reklam Nasıl Eklenir ?

WordPress’te Yazının Sağına veya Soluna Reklam Nasıl Eklenir ?

WordPress’te yazının sağına veya soluna reklam nasıl eklenir sorusunun cevabını bu bölüm’de sizlerle paylaşmak istedik, …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir