Simple Machines Community Forum

SMF Support => Türkçe Bölümü (Turkish) => Language Specific Support => İpuçları ve Hileler => Topic started by: Hoochie Coochie Man on May 09, 2008, 03:21:49 PM

Title: Periyodik Efekt (Arka plan renk değişimi)
Post by: Hoochie Coochie Man on 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.)
#hcm {

background: #bcd965;

}


index.template.php'de..
Bul:
<body>

Değiştir:
<body id="hcm">


Bul:
</head>

Öncesine ekle:
<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:
// 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:
<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ış..
<div id="hcm"></div>
Title: Re: Periyodik Efekt [Tüyo]
Post by: DNA27 on May 09, 2008, 03:30:20 PM
güzel bir tiyo siftah benden olsun tsk.ler daha güzelleri ile bulusmak isteriz :)
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: zoxic on May 11, 2008, 04:16:46 PM
Güzel oldu teşekkürler
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: Hoochie Coochie Man on May 29, 2008, 05:11:28 AM
Bunu tema bölümüne taşıyabilir miyiz? Tema ile ilgili bir konu..
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: [SiNaN] on 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.
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: Hoochie Coochie Man on May 29, 2008, 07:24:46 AM
Teşekkür ettim..
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: Tanshaydar on 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?
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: Hoochie Coochie Man on June 10, 2008, 01:29:51 AM
Hayır sorun sende değil, demoyu kaldıralı çok oldu.
Title: Re: Periyodik Efekt [Tüyo] (Arka plan renk değişimi)
Post by: Tanshaydar on 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.