Periyodik Efekt (Arka plan renk değişimi)

Hoochie Coochie Man · May 09, 2008, 03:21:49 PM

Tüyo adı:	Periyodik Efekt (Arka plan renk değişimi)
Yazan:	Hoochie Coochie Man
Açıklama:	Forumunuzun arka plan rengini sizin belirlediğiniz periyotlarda değiştirir.
Demo:	http://smfthemes.890m.com/forum/index.php

Style.css'de en alta ekle: (Arka plan rengini kendinize göre değiştirin.)

Code Select

#hcm {

	background: #bcd965;

}

index.template.php'de..
Bul:

Code Select

<body>

Değiştir:

Code Select

<body id="hcm">

Bul:

Code Select

</head>

Öncesine ekle:

Code Select

<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/mootools.js"></script>

	<script type="text/javascript">
		window.addEvent("domready", function(){
			var effect = $("hcm").effect("background-color", {duration: 800});
			var periodical;
			
			var fx = function() {
				effect.start("#6684a0").chain(function() {
					effect.start("#bcd965");
				});
			}
			
			$("basla").addEvent("click", function() {
				fx();
				periodical = fx.periodical(1700);
			});
			
			$("dur").addEvent("click", function() {
				$clear(periodical);
			});
		}); 
	</script>

Ben defaulta göre anlattım..
Arama fonksiyonunun altına ekledim.
Siz kendi sitenizde istediğiniz yere ekleyebilirsiniz.

index.template.php'de..
Bul:

Code Select

	// Search within current topic?
	if (!empty($context['current_topic']))
		echo '
						<input type="hidden" name="topic" value="', $context['current_topic'], '" />';

		// If we're on a certain board, limit it to this board ;).
	elseif (!empty($context['current_board']))
		echo '
						<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

	echo '
					</form>

Sonrasına ekle:

Code Select

<span class="smalltext">Periyodik Efekt <a id="basla" href="#">Başlat</a> | <a id="dur" href="#">Durdur</a></span>

Son olarak ekteki mootools.js scriptini temanızın içine atın..
Kullandığım efekt Mootools'un paylaşıma sürdüğü bir Periodical efektir..

Edit: Ayrıca bu aşağıdaki kodu kullanarak bu özelliği çeşitlendirebilirsiniz. Gerisi hayal gücünüze kalmış..

Code Select

<div id="hcm"></div>

DNA27 · May 09, 2008, 03:30:20 PM

güzel bir tiyo siftah benden olsun tsk.ler daha güzelleri ile bulusmak isteriz

zoxic · May 11, 2008, 04:16:46 PM

Güzel oldu teşekkürler

Hoochie Coochie Man · May 29, 2008, 05:11:28 AM

Bunu tema bölümüne taşıyabilir miyiz? Tema ile ilgili bir konu..

[SiNaN] · May 29, 2008, 07:23:20 AM

Diğer konuyla beraber İpuçları ve Hileler bölümüne alındı.

Bu bölümü genelde basit kod değişiklikleri, eklentiler için kullanıyoruz.

Temalar bölümü, temalar ile alakalı yaşanan sorunları çözmeye yönelik.

Hoochie Coochie Man · May 29, 2008, 07:24:46 AM

Teşekkür ettim..

Tanshaydar · June 09, 2008, 05:24:32 PM

her tarayıcıda çalışıyor mu?
(ben Opera'dan girdim ama bir şey göremedim o linkte de)
İE ve Mozilla'da da bir şey farkedemedim, galiba sorun bende?

Hoochie Coochie Man · June 10, 2008, 01:29:51 AM

Hayır sorun sende değil, demoyu kaldıralı çok oldu.

Tanshaydar · June 12, 2008, 08:47:17 AM

Her tarayıcıda çalışıyorsa bunu kendi forumumda yapmak isterim. Muhtemelen "background: #bcd965;" yerinde resim koyarak daha renkli şeyler elde edebiliriz.

Bunu bir deneyeceğim o zaman, sonuçtan haberdar ederim.

News:

Periyodik Efekt (Arka plan renk değişimi)