Forumun Tepesinde Açılır - Kapanır Son mesajlar!

Hoochie Coochie Man · February 03, 2008, 05:35:08 PM

Merhaba dostlar, yeni bir tüyo ile karşınızdayım, yine benim uyarlamam! by Hoochie Coochie Man..
Forumun en tepesindeki bir butona basarak "Son Mesajlar"ınız açılır kapanır vaziyette elinizin altında.. Özelliği kayarak açılıyor olması, hoş bişi yani.. Bunu başka bir yerde bulamazsınız, SMF resmi site farkıyla karşınızda!

Şimdi işleme başlıyoruz...

index.template.php dosyanızda.
Bul:

Code Select

</head>

Öncesine ekle:

Code Select

<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/sonmesajlar/mootools.js"></script>
<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/sonmesajlar/yt_tools.js"></script>
<script type="text/javascript">var YtSettings = { color: \'default\', layout: \'left\', fontDefault: \'font-medium\', widthDefault: \'width-fluid\', widthThinPx: 780, widthWidePx: 940, widthFluidPx: 0.90, heightToppanel: 320 };</script>
<!--[if lt IE 7]>
<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/sonmesajlar/yt_ie6fix.js"></script>
<![endif]-->

Bul:

Code Select

<body>

Değiştir:

Code Select

<body id="page">

Boardindex.template.php'de..
Bul ve sil:

Code Select

	// This is the "Recent Posts" bar.
	if (!empty($settings['number_recent_posts']))
	{
		echo '
				<tr>
					<td class="titlebg" colspan="2">', $txt[214], '</td>
				</tr>
				<tr>
					<td class="windowbg" width="20" valign="middle" align="center">
						<a href="', $scripturl, '?action=recent"><img src="', $settings['images_url'], '/post/xx.gif" alt="', $txt[214], '" /></a>
					</td>
					<td class="windowbg2">';

		// Only show one post.
		if ($settings['number_recent_posts'] == 1)
		{
			// latest_post has link, href, time, subject, short_subject (shortened with...), and topic. (its id.)
			echo '
						<b><a href="', $scripturl, '?action=recent">', $txt[214], '</a></b>
						<div class="smalltext">
								', $txt[234], ' &quot;', $context['latest_post']['link'], '&quot; ', $txt[235], ' (', $context['latest_post']['time'], ')<br />
						</div>';
		}
		// Show lots of posts.
		elseif (!empty($context['latest_posts']))
		{
			echo '
						<table cellpadding="0" cellspacing="0" width="100%" border="0">';

			/* Each post in latest_posts has:
					board (with an id, name, and link.), topic (the topic's id.), poster (with id, name, and link.),
					subject, short_subject (shortened with...), time, link, and href. */
			foreach ($context['latest_posts'] as $post)
				echo '
							<tr>
								<td class="middletext" valign="top"><b>', $post['link'], '</b> ', $txt[525], ' ', $post['poster']['link'], ' (', $post['board']['link'], ')</td>
								<td class="middletext" align="right" valign="top" nowrap="nowrap">', $post['time'], '</td>
							</tr>';
			echo '
						</table>';
		}
		echo '
					</td>
				</tr>';
	}

En aşağıda bul:

Code Select

}

?>

Öncesine ekle:

Code Select

echo '
<div id="toppanel-container"><div id="toppanel-wrapper"><div id="toppanel"><div class="panel">

<table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor">';

	// This is the "Recent Posts" bar.  by Hoochie Coochie Man
	if (!empty($settings['number_recent_posts']))
	{
		echo '
				<tr>
					<td class="titlebg" colspan="2">', $txt[214], '</td>
				</tr>
				<tr>
					<td class="windowbg" width="20" valign="middle" align="center">
						<a href="', $scripturl, '?action=recent"><img src="', $settings['images_url'], '/post/xx.gif" alt="', $txt[214], '" /></a>
					</td>
					<td class="windowbg2">';

		// Only show one post.
		if ($settings['number_recent_posts'] == 1)
		{
			// latest_post has link, href, time, subject, short_subject (shortened with...), and topic. (its id.)
			echo '
						<b><a href="', $scripturl, '?action=recent">', $txt[214], '</a></b>
						<div class="smalltext">
								', $txt[234], ' &quot;', $context['latest_post']['link'], '&quot; ', $txt[235], ' (', $context['latest_post']['time'], ')<br />
						</div>';
		}
		// Show lots of posts.
		elseif (!empty($context['latest_posts']))
		{
			echo '
						<table cellpadding="0" cellspacing="0" width="100%" border="0">';

			/* Each post in latest_posts has:
					board (with an id, name, and link.), topic (the topic's id.), poster (with id, name, and link.),
					subject, short_subject (shortened with...), time, link, and href. */
			foreach ($context['latest_posts'] as $post)
				echo '
							<tr>
								<td class="middletext" valign="top"><b>', $post['link'], '</b> ', $txt[525], ' ', $post['poster']['link'], ' (', $post['board']['link'], ')</td>
								<td class="middletext" align="right" valign="top" nowrap="nowrap">', $post['time'], '</td>
							</tr>';
			echo '
						</table>';
		}
		echo '
					</td>
				</tr></table>';
	}


echo '
</div></div></div><div class="trigger"><div class="trigger-l correct-png"></div><div class="trigger-m">Son Mesajlar</div><div class="trigger-r correct-png"></div></div></div>';

Style.css'de en sona ekle:

Code Select

/*----- Son Eklenenler by Hoochie Coochie Man ------*/	
	
div#toppanel-container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -390px;
	width: 780px;
	height: 0px;
	z-index: 15;
}

div#toppanel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#toppanel {
	position: relative;
	z-index: 15;
	margin-top: -320px;
	width: 100%;
	height: 320px;
	background: #000000 url('images/toppanel_bg.png') repeat-x 0 100%;
	color: #969696
}

div#toppanel .panel {
	margin: auto;
	width: 100%;
	height: 320px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

div#toppanel .cpanel {
	clear: both;
}

div#toppanel-container .trigger {
	position: relative;
	z-index: 16;
	top: 0px;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div#toppanel-container .trigger img {
	width: 20px;
	height: 19px;
}

div#toppanel-container .trigger-l, div#toppanel-container .trigger-r {
	width: 20px;
	height: 19px;
	float: left;
	top: 0px;
}

div#toppanel-container .trigger-l {
	background: url('sonmesajlar/images/toppanel_trigger_l.png') repeat-x 100% 0;
}

div#toppanel-container .trigger-r {
	background: url('sonmesajlar/images/toppanel_trigger_r.png') repeat-x 100% 0;
}

div#toppanel-container .trigger-m {
	width: 80px;
	height: 19px;
	background: url('sonmesajlar/images/toppanel_trigger_m.png') repeat-x 100% 0;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
	overflow: hidden;
	color: #ffffff
}

Son olarak ekteki sonmesajlar klasörünü olduğu gibi temanızın dizinine atın!
Klasörün içindeki giflerin resimlerini isterseniz kendi temanıza göre değiştirirsiniz

Demo Önceki hali
Demo Sonraki hali

Live Demo

Geçmiş olsun..

CoNTeCAuTR · February 03, 2008, 07:06:48 PM

Güzel bi Mod Olmuş Eline Sağlık..

worthwolf · February 04, 2008, 05:58:21 PM

Güzel bir çalışma eline sağlık..

Hoochie Coochie Man · March 12, 2008, 03:52:57 AM

Bir yerde rastgele gördüm, live demoyu ilk mesaja koydum.

koroglu · March 12, 2008, 11:44:09 AM

bunu tüm sayfalarda gösterebilmek icin ne yapalm
index.templatenin altına koydum ama olmadı :S

Hoochie Coochie Man · March 12, 2008, 01:15:05 PM

İndex.tempalte.php'de nereye koydunuz?
Alt?
Kod gösterin !!!

koroglu · March 13, 2008, 06:57:56 AM

}

?>

şunun hemen üstüne koydum nereye koymam gerekiyor.

Hoochie Coochie Man · March 13, 2008, 07:26:00 AM

index.tempalte.php de olmuyor o zaman...
Hem son mesajların fonksiyonu sadece ana sayfada, tüm sayfalarda göstermenin gereği yok bence..

Alpay · March 13, 2008, 07:53:53 AM

Hımmm güzel bir tüyo imiş, teşekkürler.

koroglu · March 14, 2008, 10:02:21 AM

ya heryerde göstersek tam süper olacak:S yokmu bi caresi

BuЯЯЯЯaK · March 14, 2008, 10:08:55 AM

Sanırım fazla js dosyası kullanmıssın

reflection.js bu resimlere yansıtma veren dosya diye biliyorum

Hoochie Coochie Man · March 14, 2008, 10:15:10 AM

Hımmm

Peki tüyoyu kurduktan sonra o dosyayı silmeyi denediniz mi?

BuЯЯЯЯaK · March 14, 2008, 10:51:25 AM

Yoo kurmadım sadece reflectionun nerde kullanıldığını biliyorum

http://cow.neondragon.net/index.php/383-Reflectionjs-Demo

Fazla js sorgulamak siteyi kasacağından belirttim

Hoochie Coochie Man · March 14, 2008, 10:55:32 AM

Anlıyorum seni ancak bu tüyoda farklı bir fonksiyonda kullanılıyordu hatırladığım kadarı ile. Yani onu silince tüyo çalışmıyordu. Anlatabildim mi? Çok iyi hatırlamıyorum.. Belkide haklısındır tekrar kurup bir yüklemek gerek ancak benim deneyebileceğim biryerim yok şuan!

Yağız... · March 14, 2008, 11:15:16 AM

Silincede çalisiyor

Hoochie Coochie Man · March 14, 2008, 11:23:17 AM

Demo?
Görmem lazım

çünkü ben çalışmıyo diye hatırlıyorum. yoksa yanlışlıkla silmiyyim :S

Yağız... · March 14, 2008, 11:30:08 AM

Local'de denedim

Hoochie Coochie Man · March 14, 2008, 11:31:19 AM

Quote from: Yağız on March 14, 2008, 11:30:08 AM
Local'de denedim

Peki öyleyse o dosyayı kaldırıyorum Yağız, yedeğimde yok haberin olsun. Eğer birşey olursa benden bilmesin kimse

Yağız... · March 14, 2008, 11:35:08 AM

Bende var merak etme

Hoochie Coochie Man · March 14, 2008, 11:41:02 AM

Quote from: Yağız on March 14, 2008, 11:35:08 AM
Bende var merak etme

Saol, mesajı düzelttim. Ancak nasıl gözümden kaçmış hayret ettim

News:

Forumun Tepesinde Açılır - Kapanır Son mesajlar!