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

Görünüm:

index.template.php dosyanızda.
Bul:
Kod:
</head>
Öncesine ekle:
Kod:
<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:
Kod:
<body>
Değiştir:
Kod:
<body id="page">


Boardindex.template.php'de..
Bul ve sil:
Kod:
// 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:
Kod:
}

?>
Öncesine ekle:
Kod:
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:
Kod:
/*----- 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