Mouse uzerinde dairesel donen BBcodu

phpBB 3.0.x sürümleri için yapılmış özel BBCode'lar ve bunlar hakkında yardım & tartışmalar.
Forum kuralları
- Yeni bir başlık açarken lütfen konu başlığına "Acil yardım", "Acele yardım" tarzlarında içerisinde "yardım" kelimesi geçen cümleler yazmayınız. Bu tip başlıklara kesinlikle cevap verilmeyecektir. Lütfen konu başlığına içeriği en iyi özetleyen anlaşılabilir bir cümle yazınız.

- Ayrıca yeni başlıklarınızı kesinlikle ilgili forumlara açınız. Örneğin, phpBB3 kurulum ve çalıştırması hakkında bir sorununuz varsa "3.0.x Destek Forumu" forumuna başlık açınız; phpBB3 temasından kaynaklı bir sorunuz varsa "3.0.x Stil/Tema Geliştirme & Tartışma & Yardım" forumuna başlık açınız; phpBB3 mod/eklentileriyle ilgili sorununuz varsa "3.0.x MOD Destek" forumuna başlık açınız. Bu kurala uymayan kullanıcıların başlıkları silinebilir ve kullanıcı uyarı alabilir ya da süresiz uzaklaştırılabilir.

- Site kurallarımızı okumadan kesinlikle forumlarımıza herhangi bir katılım yapmayınız.
Kilitli
irishpaddy
Kayıtlı Kullanıcı
Mesajlar: 79
Kayıt: 18.01.2009, 19:45

Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen irishpaddy »

Mouse uzerinde dairesel donen BBcodu
Yazdiginiz yazi mouse utrafinda dairesel olarak doner,mouse hareket ettirildiginde ise mouse takip eder nezamanki mouse hareketsiz kalir yazida etrafinda donmeye baslar.Bence guzel bir BBcod.

BBCode

Kod: Tümünü seç

[circle]{TEXT}[/circle]

HTML

Kod: Tümünü seç

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "{TEXT}";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>


Help Line

Kod: Tümünü seç

Circling Text: [circle]any text[/circle]

Demo;
http://www.irishhunters.ie/post901.html#p901
Kullanıcı avatarı
Özcan Akbulut
Kayıtlı Kullanıcı
Mesajlar: 2426
Kayıt: 14.06.2008, 16:52
Konum: Nürnberg
İletişim:

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen Özcan Akbulut »

benim cok hosuma gitti, ama siteme koymam yoksa ikidebir onunla oynarim :lol: en iyisi yine ilgimi cekerse sitenden bakarim :)
akblt.space

Başlangiç Bilgileri phpBB 3.0.x :: 3.1.x
Kullanıcı avatarı
Pierce_MVP
Kayıtlı Kullanıcı
Mesajlar: 404
Kayıt: 17.01.2009, 16:19
Konum: KKTC/İskele
İletişim:

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen Pierce_MVP »

Gerçekten çok hoş :D Bence görenlerin hepsi ekler forumuna :mrgreen:
Arada nostalji amacli ugruyorum buraya. Cok guzel gunlerdi :'(
Kullanıcı avatarı
sivasli_14
Kayıtlı Kullanıcı
Mesajlar: 249
Kayıt: 20.08.2007, 18:45
İletişim:

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen sivasli_14 »

Eyvallah Cok Hosuma Gitti..
Bende'De VarBiraz Diyorsan Biz Burdayiz..

Forum - VaRBiraZ.Net
Kullanıcı avatarı
C@N
Kayıtlı Kullanıcı
Mesajlar: 160
Kayıt: 30.06.2008, 23:59
Konum: Ankara
İletişim:

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen C@N »

çok güzel ya bunu acaba sürekli kalıcı hale getirebilirmiyiz yani sitenin her yerinde böyle olsa biz bi kelime yazsak?
admin kontrolünde?
Resim
I LoVe phpBBTurKeY..!
Kullanıcı avatarı
Ademx33
Kayıtlı Kullanıcı
Mesajlar: 595
Kayıt: 25.05.2008, 06:04
Konum: // Karaman //
İletişim:

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen Ademx33 »

Vaooww abi süper bişeymiş bu yaa hemen ekledim gördüm test sayfamda daireler uçuşmaya başladı dururken sürekli daire çiziyor hareket edince tüm harfler peşinden uçuşuyor... Eline sağlık yaa.. Benim php sitemin resmi durgunluğuna canlılık katacak sayende :d
Görmek isteyen için geçici test sayfamın adresini verebilirmiyim ?
http://www.becikoyu.com/forum/viewtopic.php?f=159&t=723
Forever PhpBB3 - Http://www.PhpBBTurkey.Com sayesinde kendi phpbb3 sitemi kurabildim.

Sağ üst köşede ARAMA bölümü var aklınıza takılan her türlü sorununuzu oraya yazarsanız uğraşmak zorunda kalmazsınız...
By_KaRaPu$u
Kayıtlı Kullanıcı
Mesajlar: 7
Kayıt: 29.01.2011, 21:38

Re: Mouse uzerinde dairesel donen BBcodu

Mesaj gönderen By_KaRaPu$u »

hahaha.. güzelmiş saolsın :D
Kilitli

“3.0.x Özel BBCodelar” sayfasına dön

Kimler çevrimiçi

Bu forumu görüntüleyen kullanıcılar: Hiç bir kayıtlı kullanıcı yok ve 3 misafir