Kayıt ol
  • Sosyal Medya Hesaplarımız:

Sitelerinize animasyonlu yazı kodu ekleyin

Adanalı

sɹǝʇ nq ʞǝʇ ɹıq ؛ ɐp ɐpunloʎ ʎǝsɹǝɥ ıʞuɐs
Yönetici
10
Katılım
9 Haziran 2018
Konular
1,392
Mesajlar
4,719
Çözümler
5
Reaksiyon puanı
1,283
Puanları
113
Konum
Adana
Cinsiyet
Erkek
Merhaba arkadaşlar, indexlerinize jquery ile hazırlanmış animasyonmu bir yazı kodu ekleyebilirsiniz.

<span style="font-size:3em;" id="bubble">WWW.FLATKOLİK.NET</span></div> kısmındaki span tagının içerisinde bulunan WWW.FLATKOLİK.NET yazısını kendinize göre değiştirin. Renk ayarları için vermiş olduğum kod içerisinde bu kodları bularak değişim yapabilirsiniz.
Kod:
var bgcolour="#000000"; // background colour
var fgcolour="#FFFFFF"; // foreground colour

Canlı Demo =>
Değerli ziyaretçimiz, içeriği görüntüleyebilmek için lütfen Giriş yap veya Kayıt ol anlayışınız için teşekkürler.


Ekran görüntüsü:
animasyonlu-yazi-kodu-ekle.png


Sitenizin Html şablonuna eklemeniz gereken kod;
Kod:
<script type="text/javascript">
// <![CDATA[
var bgcolour="#000000"; // background colour
var fgcolour="#FFFFFF"; // foreground colour
var speed=80; // speed of bubbling, lower is faster
var shades=12; // number of shades of bubble



var bubbcol=new Array();
var bubbshd;
var bubbler, bubbtxt;
var bubbchr=new Array();

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(bubbagump);

function bubbagump() { if (document.getElementById) {
  var i, fg, bg, col;
  for (bubbler=0; bubbler<=shades; bubbler++) {
    col="#";
    for (i=1; i<6; i+=2) {
      bg=parseInt(bgcolour.substring(i,i+2),16);
      fg=parseInt(fgcolour.substring(i,i+2),16);
      col+=dechex(bg+(fg-bg)*(bubbler/shades));
    }
    bubbcol[bubbler+1]=col;
    if (bubbler==Math.floor(shades/2)) bubbshd=col;
  }
  bubbler=document.getElementById("bubble");
  bubbtxt=bubbler.firstChild.nodeValue;
  while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  for (i=0; i<bubbtxt.length; i++) {
    fg=document.createElement("span");
    fg.setAttribute("id", "bubb"+i);
    fg.style.textShadow=bubbshd+" 0px 0px 2px";
    fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
    bubbler.appendChild(fg);
  }
  bubbler=setInterval("bubbling()", speed);
}}

function dechex(dec) {
  dec=Math.floor(dec);
  return ((dec<16)?'0':'')+dec.toString(16);
}

function bubbling() {
  var i, bubby;
  for (i=0; i<bubbtxt.length; i++) {
    bubby=document.getElementById("bubb"+i);
    if (bubbchr[i]) {
      bubby.style.color=bubbcol[bubbchr[i]];
      bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
    }
    else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  }
}
// ]]>
</script>
<span style="font-size:3em;" id="bubble">WWW.FLATKOLİK.NET</span></div>
 

Sabotaj

Kayıtlı Üye +
1
Katılım
27 Temmuz 2020
Konular
0
Mesajlar
95
Reaksiyon puanı
10
Puanları
8
Cinsiyet
Erkek
emeginize saglik paylasima tesekkurler
 

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yeni bir konu oluşturabilmek veya konulara cevap verebilmek için sitemize üye olmanız gerekmektedir

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

DMCA.com Protection Status
Üst