smf tablı son konular sohbet vs...

istek üzerine tablı son konular sohbet vs...
öncelikle şu modları kurun
http://custom.simplemachines.org/mods/index.php?mod=1314
http://custom.simplemachines.org/mods/index.php?mod=2469
http://custom.simplemachines.org/mods/?mod=1295
chat olarak smfpack örnek alınmıştır başka chat kullanıyorsanız belirtin elimizden geldikçe yardımcı oluruz
boardindex.template.php bul ve sil

Kod Seç Genişlet

// This is the "Recent Posts" bar.
if (!empty($settings['number_recent_posts']) && (!empty($context['latest_posts']) || !empty($context['latest_post'])))
{
echo '
<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
<a href="', $scripturl, '?action=recent"><img class="icon" src="', $settings['images_url'], '/post/xx.gif" alt="', $txt['RecentTopicsOnBoardIndex_recenttopics'], '" /></a>
', $txt['RecentTopicsOnBoardIndex_recenttopics'], '
</span>
</h4>
</div>
<div class="hslice" id="recent_posts_content">
<div class="entry-title" style="display: none;">', $context['forum_name_html_safe'], ' - ', $txt['recent_posts'], '</div>
<div class="entry-content" style="display: none;">
<a rel="feedurl" href="', $scripturl, '?action=.xml;type=webslice">', $txt['subscribe_webslice'], '</a>
</div>';

// 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 '
<strong><a href="', $scripturl, '?action=recent">', $txt['recent_posts'], '</a></strong>
<p id="infocenter_onepost" class="middletext">
', $txt['recent_view'], ' &quot;', $context['latest_post']['link'], '&quot; ', $txt['recent_updated'], ' (', $context['latest_post']['time'], ')<br />
</p>';
}
//-- Labradoodle-360; Advanced Recent Posts
elseif (!empty($context['latest_posts']))
{
echo '
<table align="center" cellpadding="5" cellspacing="0" width="100%" border="0">
        <tr>
                        <td class="arp_header">', $txt['topic_name'] ,':</td>
                        <td class="arp_header">', $txt['poster_name'] ,':</td>
              <td class="arp_header">', $txt['board_name'] ,':</td>
                        <td class="arp_header">', $txt['post_time'] ,':</td>
                    </tr>';
            foreach ($context['latest_posts'] as $post)
                    {
          echo '
                        <tr>
        <td class="arppost arp_left">', $post['link'], '</td>
        <td class="arppost arp_rest">', $post['poster']['link'], '</td>
        <td class="arppost arp_rest">', $post['board']['link'], '</td>
        <td class="arppost arp_rest">', $post['time'], '</td>
      </tr>';
                    }
        echo '
</table>
                <br />
            ';
}
        // End Labradoodle-360; Advanced Recent Posts --//
echo '
</div>';
}

index.template.php bul ve sil

Kod Seç Genişlet

//SMFPacks Shoutbox -->
if (function_exists('template_shoutbox')) template_shoutbox('main');
// <-- SMFPacks Shoutbox

boardindex.template.php bul

Kod Seç Genişlet

?>
üstüne ekle

Kod Seç Genişlet

function recentAttachments($num_attachments = 10, $attachment_ext = array(), $output_method = 'echo')
{
global $smcFunc, $context, $modSettings, $scripturl, $txt, $settings;

// We want to make sure that we only get attachments for boards that we can see *if* any.
$attachments_boards = boardsAllowedTo('view_attachments');

// No boards?  Adios amigo.
if (empty($attachments_boards))
return array();

// Is it an array?
if (!is_array($attachment_ext))
$attachment_ext = array($attachment_ext);

// Lets build the query.
$request = $smcFunc['db_query']('', '
SELECT
att.id_attach, att.id_msg, att.filename, IFNULL(att.size, 0) AS filesize, att.downloads, mem.id_member,
IFNULL(mem.real_name, m.poster_name) AS poster_name, m.id_topic, m.subject, t.id_board, m.poster_time,
att.width, att.height' . (empty($modSettings['attachmentShowImages']) || empty($modSettings['attachmentThumbnails']) ? '' : ', IFNULL(thumb.id_attach, 0) AS id_thumb, thumb.width AS thumb_width, thumb.height AS thumb_height') . '
FROM {db_prefix}attachments AS att
INNER JOIN {db_prefix}messages AS m ON (m.id_msg = att.id_msg)
INNER JOIN {db_prefix}topics AS t ON (t.id_topic = m.id_topic)
LEFT JOIN {db_prefix}members AS mem ON (mem.id_member = m.id_member)' . (empty($modSettings['attachmentShowImages']) || empty($modSettings['attachmentThumbnails']) ? '' : '
LEFT JOIN {db_prefix}attachments AS thumb ON (thumb.id_attach = att.id_thumb)') . '
WHERE att.attachment_type = 0' . ($attachments_boards === array(0) ? '' : '
AND m.id_board IN ({array_int:boards_can_see})') . (!empty($attachment_ext) ? '
AND att.fileext IN ({array_string:attachment_ext})' : '') .
(!$modSettings['postmod_active'] || allowedTo('approve_posts') ? '' : '
AND t.approved = {int:is_approved}
AND m.approved = {int:is_approved}
AND att.approved = {int:is_approved}') . '
ORDER BY att.id_attach DESC
LIMIT {int:num_attachments}',
array(
'boards_can_see' => $attachments_boards,
'attachment_ext' => $attachment_ext,
'num_attachments' => $num_attachments,
'is_approved' => 1,
)
);

// We have something.
$attachments = array();
while ($row = $smcFunc['db_fetch_assoc']($request))
{
$filename = preg_replace('~&#(\\d{1,7}|x[0-9a-fA-F]{1,6});~', '&#\\1;', htmlspecialchars($row['filename']));

// Is it an image?
$attachments[$row['id_attach']] = array(
'member' => array(
'id' => $row['id_member'],
'name' => $row['poster_name'],
'link' => empty($row['id_member']) ? $row['poster_name'] : '<a href="' . $scripturl . '?action=profile;u=' . $row['id_member'] . '">' . $row['poster_name'] . '</a>',
),
'file' => array(
'filename' => $filename,
'filesize' => round($row['filesize'] /1024, 2) . $txt['kilobyte'],
'downloads' => $row['downloads'],
'href' => $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $row['id_attach'],
'link' => '<img src="' . $settings['images_url'] . '/icons/clip.gif" alt="" /> <a href="' . $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $row['id_attach'] . '">' . $filename . '</a>',
'is_image' => !empty($row['width']) && !empty($row['height']) && !empty($modSettings['attachmentShowImages']),
),
'topic' => array(
'id' => $row['id_topic'],
'subject' => $row['subject'],
'href' => $scripturl . '?topic=' . $row['id_topic'] . '.msg' . $row['id_msg'] . '#msg' . $row['id_msg'],
'link' => '<a href="' . $scripturl . '?topic=' . $row['id_topic'] . '.msg' . $row['id_msg'] . '#msg' . $row['id_msg'] . '">' . $row['subject'] . '</a>',
'time' => timeformat($row['poster_time']),
),
);

// Images.
if ($attachments[$row['id_attach']]['file']['is_image'])
{
$id_thumb = empty($row['id_thumb']) ? $row['id_attach'] : $row['id_thumb'];
$attachments[$row['id_attach']]['file']['image'] = array(
'id' => $id_thumb,
'width' => $row['width'],
'height' => $row['height'],
'img' => '<img src="' . $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $row['id_attach'] . ';image" alt="' . $filename . '" />',
'thumb' => '<img src="' . $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $id_thumb . ';image" alt="' . $filename . '" />',
'href' => $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $id_thumb . ';image',
'link' => '<a href="' . $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $row['id_attach'] . ';image"><img src="' . $scripturl . '?action=dlattach;topic=' . $row['id_topic'] . '.0;attach=' . $id_thumb . ';image" alt="' . $filename . '" /></a>',
);
}
}
$smcFunc['db_free_result']($request);

// So you just want an array?  Here you can have it.
if ($output_method == 'array' || empty($attachments))
return $attachments;
   echo '
<table width="100%" id="table1">
    <tr>
         <td class="cat_bar"></td>
        <td class="cat_bar"><div class="cat_bar"><h3 class="catbg">
        &nbsp;Konu</h3></div></td>
        <td class="cat_bar" align="center"><div class="cat_bar"><h3 class="catbg">
        İndirilme</h3></div></td>
        <td class="cat_bar" align="center"><div class="cat_bar"><h3 class="catbg">
        Gönderen</h3></div></td>
    </tr>
    ';
   foreach ($attachments as $item)
   {
   echo '
    <tr>
<td align="center" height="20" width="20"> <a href="', $item['file']['href'], '">
        <img border="0" src="Themes/default/images/split_select.gif" width="20" height="18"></a></td> 
<td height="20">&nbsp; ', $item['topic']['link'], ' </td>
        <td height="20" ><font size="1">İndirilme: </font>', $item['file']['downloads'], '</td>
        <td align="center" height="20" >', ' ', $item['member']['link'], '</td>';
   }
echo '
    </tr>
</table>
';
}

bul

Kod Seç Genişlet

echo '
<div id="boardindex_table">
<table class="table_list">';
üstüne ekle

Kod Seç Genişlet

echo'<br class="clear" /><div class="sky-tabs sky-tabs-pos-top-left sky-tabs-anim-flip sky-tabs-response-to-icons">
<input checked="checked" name="sky-tabs" id="sky-tab1" class="sky-tab-content-1" type="radio">
<label for="sky-tab1"><span><span>Son konular</span></span></label>

<input  name="sky-tabs" id="sky-tab2" class="sky-tab-content-2" type="radio">
<label for="sky-tab2"><span><span>Sohbet Kutusu</span></span></label>
<input name="sky-tabs" id="sky-tab3" class="sky-tab-content-3" type="radio">
<label for="sky-tab3"><span><span>Son Eklentiler</span></span></label>


     <ul>
<li class="sky-tab-content-1">
<div class="typography">';
    // This is the "Recent Posts" bar.
if (!empty($settings['number_recent_posts']) && (!empty($context['latest_posts']) || !empty($context['latest_post'])))
{
echo '
<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
<a href="', $scripturl, '?action=recent"><img class="icon" src="', $settings['images_url'], '/post/xx.gif" alt="', $txt['RecentTopicsOnBoardIndex_recenttopics'], '" /></a>
', $txt['RecentTopicsOnBoardIndex_recenttopics'], '
</span>
</h4>
</div>
<div class="hslice" id="recent_posts_content">
<div class="entry-title" style="display: none;">', $context['forum_name_html_safe'], ' - ', $txt['recent_posts'], '</div>
<div class="entry-content" style="display: none;">
<a rel="feedurl" href="', $scripturl, '?action=.xml;type=webslice">', $txt['subscribe_webslice'], '</a>
</div>';

// 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 '
<strong><a href="', $scripturl, '?action=recent">', $txt['recent_posts'], '</a></strong>
<p id="infocenter_onepost" class="middletext">
', $txt['recent_view'], ' &quot;', $context['latest_post']['link'], '&quot; ', $txt['recent_updated'], ' (', $context['latest_post']['time'], ')<br />
</p>';
}
//-- Labradoodle-360; Advanced Recent Posts
elseif (!empty($context['latest_posts']))
{
echo '
<table align="center" cellpadding="5" cellspacing="0" width="100%" border="0">
        <tr>
                        <td class="arp_header">', $txt['topic_name'] ,':</td>
                        <td class="arp_header">', $txt['poster_name'] ,':</td>
              <td class="arp_header">', $txt['board_name'] ,':</td>
                        <td class="arp_header">', $txt['post_time'] ,':</td>
                    </tr>';
            foreach ($context['latest_posts'] as $post)
                    {
          echo '
                        <tr>
        <td class="arppost arp_left">', $post['link'], '</td>
        <td class="arppost arp_rest">', $post['poster']['link'], '</td>
        <td class="arppost arp_rest">', $post['board']['link'], '</td>
        <td class="arppost arp_rest">', $post['time'], '</td>
      </tr>';
                    }
        echo '
</table>
                <br />
            ';
}
        // End Labradoodle-360; Advanced Recent Posts --//
echo '
</div>';
}
echo '
      </div>
</li>

<li class="sky-tab-content-2">
<div class="typography">';
  //SMFPacks Shoutbox -->
if (function_exists('template_shoutbox')) template_shoutbox('main');
// <-- SMFPacks Shoutbox
echo '
      </div>
</li>
<li class="sky-tab-content-3">
<div class="typography">';
    recentAttachments();

echo '
      </div>
</li>


</ul>
</div>';

index.css de en alta ekle

Kod Seç Genişlet

.sky-tabs,
.sky-tabs * {
margin: 0;
padding: 0;
outline: none;
border: 0;
background: none;
}
.sky-tabs {
position: relative;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0;
text-align: left;
color: #666;
}
.sky-tabs > input {
position: absolute;
display: none;
}
.sky-tabs > label {
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 1px;
padding-top: 0;
padding-left: 0;
font-size: 13px;
line-height: 45px;
cursor: pointer;
}
.sky-tabs > label.inverse {
float: right;
padding-right: 0;
padding-left: 1px;
}
.sky-tabs > label.disabled {
cursor: default;
}
.sky-tabs > label span {
display: block;
padding: 5px;
background: rgba(255,255,255,0.9);
}
.sky-tabs > label span span {
padding: 0 20px;
background: transparent;
transition: background 0.4s, color 0.4s;
-o-transition: background 0.4s, color 0.4s;
-ms-transition: background 0.4s, color 0.4s;
-moz-transition: background 0.4s, color 0.4s;
-webkit-transition: background 0.4s, color 0.4s;
}
.sky-tabs > label:hover span span {
background: #2da5da;
color: #fff;
}
.sky-tabs > label.disabled span span {
background: transparent;
color: inherit;
}
.sky-tabs > input:checked + label {
cursor: default;
}
.sky-tabs > input:checked + label span span {
background: #2da5da;
color: #fff;
}
.sky-tabs > .switcher {
display: none;
}
.sky-tabs > .switcher a {
display: block;
margin: 0 -20px;
padding: 0 20px;
text-decoration: none;
color: inherit;
}
.sky-tabs > ul {
list-style: none;
position: relative;
display: block;
font-size: 13px;border: 1px solid #CCC;
}
.sky-tabs > ul > li {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: auto;
padding: 20px 25px 25px;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: opacity 0.8s, -o-transform 0.8s;
-ms-transition: opacity 0.8s, -ms-transform 0.8s;
-moz-transition: opacity 0.8s, -moz-transform 0.8s;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
position: relative;
z-index: 1;
opacity: 1;
}


/**/
/* positions */
/**/
.sky-tabs-pos-top-center {
text-align: center;
}
.sky-tabs-pos-top-right {
text-align: right;
}
.sky-tabs-pos-top-right > label {
padding-right: 0;
padding-left: 1px;
}
.sky-tabs-pos-top-justify > label {
padding-right: 0;
padding-left: 1px;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-2 > label {
width: 50%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-3 > label {
width: 33.33%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-4 > label {
width: 25%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-5 > label {
width: 20%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-6 > label {
width: 16.66%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-7 > label {
width: 14.28%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-8 > label {
width: 12.5%;
}
.sky-tabs-pos-top-justify.sky-tabs-amount-9 > label {
width: 11.11%;
}
.sky-tabs-pos-top-justify > input:first-child + label {
padding-left: 0;
}
.sky-tabs-pos-left > label,
.sky-tabs-pos-right > label {
display: block;
width: 25%;
float: left;
clear: left;
margin-right: 0;
}
.sky-tabs-pos-right > label {
float: right;
clear: right;
}
.sky-tabs-pos-left > ul {
margin-left: 25%;
}
.sky-tabs-pos-right > ul {
margin-right: 25%;
}
.sky-tabs-pos-right > label {
padding-right: 0;
padding-left: 1px;
}
.sky-tabs-pos-top-center > ul > li,
.sky-tabs-pos-top-justify > ul > li {
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
.sky-tabs-pos-right > ul > li,
.sky-tabs-pos-top-right > ul > li {
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;
}


/**/
/* animations */
/**/
.sky-tabs-anim-slide-up > ul > li {
-o-transform: translateY(-15%);
-ms-transform: translateY(-15%);
-moz-transform: translateY(-15%);
-webkit-transform: translateY(-15%);
}
.sky-tabs-anim-slide-right > ul > li {
-o-transform: translateX(15%);
-ms-transform: translateX(15%);
-moz-transform: translateX(15%);
-webkit-transform: translateX(15%);
}
.sky-tabs-anim-slide-down > ul > li {
-o-transform: translateY(15%);
-ms-transform: translateY(15%);
-moz-transform: translateY(15%);
-webkit-transform: translateY(15%);
}
.sky-tabs-anim-slide-left > ul > li {
-o-transform: translateX(-15%);
-ms-transform: translateX(-15%);
-moz-transform: translateX(-15%);
-webkit-transform: translateX(-15%);
}
.sky-tabs-anim-slide-up-left > ul > li {
-o-transform: translate(-15%,-15%);
-ms-transform: translate(-15%,-15%);
-moz-transform: translate(-15%,-15%);
-webkit-transform: translate(-15%,-15%);
}
.sky-tabs-anim-slide-up-right > ul > li {
-o-transform: translate(15%,-15%);
-ms-transform: translate(15%,-15%);
-moz-transform: translate(15%,-15%);
-webkit-transform: translate(15%,-15%);
}
.sky-tabs-anim-slide-down-right > ul > li {
-o-transform: translate(15%,15%);
-ms-transform: translate(15%,15%);
-moz-transform: translate(15%,15%);
-webkit-transform: translate(15%,15%);
}
.sky-tabs-anim-slide-down-left > ul > li {
-o-transform: translate(-15%,15%);
-ms-transform: translate(-15%,15%);
-moz-transform: translate(-15%,15%);
-webkit-transform: translate(-15%,15%);
}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
-moz-transform: translate(0,0);
-webkit-transform: translate(0,0);
}

.sky-tabs-anim-scale > ul > li {
-o-transform: scale(0.1,0.1);
-ms-transform: scale(0.1,0.1);
-moz-transform: scale(0.1,0.1);
-webkit-transform: scale(0.1,0.1);
}
.sky-tabs-anim-scale > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-scale > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-scale > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-scale > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-scale > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-scale > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-scale > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-scale > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-scale > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
}

.sky-tabs-anim-rotate > ul > li {
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.sky-tabs-anim-rotate.sky-tabs-pos-right > ul > li,
.sky-tabs-anim-rotate.sky-tabs-pos-top-right > ul > li {
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.sky-tabs-anim-rotate > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-rotate > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-rotate > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-rotate > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-rotate > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-rotate > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-rotate > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-rotate > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-rotate > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

.sky-tabs-anim-flip > ul {
perspective: 2000px;
-o-perspective: 2000px;
-ms-perspective: 2000px;
-moz-perspective: 2000px;
-webkit-perspective: 2000px;
perspective-origin: 50% 50%;
-o-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-webkit-perspective-origin: 50% 50%;
}
.sky-tabs-anim-flip > ul > li {
-o-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
}
.sky-tabs-anim-flip.sky-tabs-pos-left > ul > li {
-o-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
}
.sky-tabs-anim-flip.sky-tabs-pos-right > ul > li {
-o-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
}
.sky-tabs-anim-flip > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-flip > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-flip > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-flip > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-flip > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-flip > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-flip > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-flip > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-flip > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}


/**/
/* grid system */
/**/
.sky-tabs .grid-row {
margin-top: 20px;
}
.sky-tabs .grid-row:after {
content: '';
display: table;
clear: both;
}
.sky-tabs .grid-row:first-child {
margin-top: 0;
}
.sky-tabs .grid-col {
display: block;
float: left;
width: 100%;
margin-left: 2%;
}
.sky-tabs .grid-col:first-child {
margin-left: 0;
}
.sky-tabs .grid-col .inner {
padding: 10px 0;
border-radius: 5px;
background: rgba(0,0,0,0.1);
text-align: center;
}
.sky-tabs .grid-col-1 {
width: 6.5%;
}
.sky-tabs .grid-col-2 {
width: 15%;
}
.sky-tabs .grid-col-3 {
width: 23.5%;
}
.sky-tabs .grid-col-4 {
width: 32%;
}
.sky-tabs .grid-col-5 {
width: 40.5%;
}
.sky-tabs .grid-col-6 {
width: 49%;
}
.sky-tabs .grid-col-7 {
width: 57.5%;
}
.sky-tabs .grid-col-8 {
width: 66%;
}
.sky-tabs .grid-col-9 {
width: 74.5%;
}
.sky-tabs .grid-col-10 {
width: 83%;
}
.sky-tabs .grid-col-11 {
width: 91.5%;
}
.sky-tabs .grid-col-offset-1,
.sky-tabs .grid-col-offset-1:first-child {
margin-left: 8.5%;
}
.sky-tabs .grid-col-offset-2,
.sky-tabs .grid-col-offset-2:first-child {
margin-left: 17%;
}
.sky-tabs .grid-col-offset-3,
.sky-tabs .grid-col-offset-3:first-child {
margin-left: 25.5%;
}
.sky-tabs .grid-col-offset-4,
.sky-tabs .grid-col-offset-4:first-child {
margin-left: 34%;
}
.sky-tabs .grid-col-offset-5,
.sky-tabs .grid-col-offset-5:first-child {
margin-left: 42.5%;
}
.sky-tabs .grid-col-offset-6,
.sky-tabs .grid-col-offset-6:first-child {
margin-left: 51%;
}
.sky-tabs .grid-col-offset-7,
.sky-tabs .grid-col-offset-7:first-child {
margin-left: 59.5%;
}
.sky-tabs .grid-col-offset-8,
.sky-tabs .grid-col-offset-8:first-child {
margin-left: 68%;
}
.sky-tabs .grid-col-offset-9,
.sky-tabs .grid-col-offset-9:first-child {
margin-left: 76.5%;
}
.sky-tabs .grid-col-offset-10,
.sky-tabs .grid-col-offset-10:first-child {
margin-left: 85%;
}
.sky-tabs .grid-col-offset-11,
.sky-tabs .grid-col-offset-11:first-child {
margin-left: 93.5%;
}


/**/
/* typography */
/**/
.sky-tabs .typography h1,
.sky-tabs .typography h2,
.sky-tabs .typography h3,
.sky-tabs .typography h4,
.sky-tabs .typography h5,
.sky-tabs .typography h6 {
margin: 40px 0 0 0;
padding: 0;
text-align: left;
color: #333;
}

.sky-tabs .typography p {
margin: 20px 0 0 0;
padding: 0;
line-height: 20px;
text-align: left;
}
.sky-tabs .typography ul,
.sky-tabs .typography ol {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
line-height: 20px;
}
.sky-tabs .typography li {
position: relative;
margin-top: 5px;
padding-left: 20px;
}
.sky-tabs .typography li ul,
.sky-tabs .typography li ol {
margin-top: 5px;
}
.sky-tabs .typography ul li:before {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 4px;
height: 4px;
background: #333;
}
.sky-tabs .typography ol {
counter-reset: list1;
}
.sky-tabs .typography ol > li:before {
counter-increment:list1;
content: counter(list1)'.';
position: absolute;
top: 0;
left: 0;
color: #333;
}
.sky-tabs .typography a {
text-decoration: underline;
color: #2da5da;
}
.sky-tabs .typography a:hover {
text-decoration: none;
}
.sky-tabs .typography .pic {
padding: 4px;
border: 1px dotted #ccc;
}
.sky-tabs .typography .pic img {
display: block;
}
.sky-tabs .typography .pic-right {
float: right;
margin: 0 0 10px 20px;
}
.sky-tabs .typography .link {
text-decoration: underline;
color: #2da5da;
cursor: pointer;
}
.sky-tabs .typography .link:hover {
text-decoration: none;
}
.sky-tabs .typography h1:first-child,
.sky-tabs .typography h2:first-child,
.sky-tabs .typography h3:first-child,
.sky-tabs .typography h4:first-child,
.sky-tabs .typography h5:first-child,
.sky-tabs .typography h6:first-child,
.sky-tabs .typography p:first-child {
margin-top: 0;
}
.sky-tabs .typography .text-center {
text-align: center;
}
.sky-tabs .typography .text-right {
text-align: right;
}


/**/
/* icons */
/**/
.sky-tabs > label .fa {
display: block;
float: left;
width: 18px;
margin: 0 12px 0 -6px;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}


/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {
.sky-tabs > label span span {
padding: 0 15px;
}
.sky-tabs > label .fa {
margin-right: 10px;
margin-left: -5px;
}
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {

.sky-tabs .grid-col,
.sky-tabs .grid-col:first-child {
float: none;
width: 100%;
margin: 20px 0 0 0;
}

.sky-tabs-response-to-stack > label {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
text-align: left;
}
.sky-tabs-response-to-stack > ul {
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.sky-tabs-response-to-stack > ul > li {
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
.sky-tabs-response-to-stack.sky-tabs-anim-flip > ul > li {
-webkit-transform: rotateX(-90deg);
}

.sky-tabs-response-to-icons > label {
font-size: 0;
}
.sky-tabs-response-to-icons > label .fa {
width: 45px;
margin: 0;
font-size: 16px;
}
.sky-tabs-response-to-icons > label span span {
padding: 0;
}
.sky-tabs-response-to-icons.sky-tabs-pos-left > label,
.sky-tabs-response-to-icons.sky-tabs-pos-right > label {
width: 56px;
}
.sky-tabs-response-to-icons.sky-tabs-pos-left > ul {
margin-left: 56px;
}
.sky-tabs-response-to-icons.sky-tabs-pos-right > ul {
margin-right: 56px;
}

.sky-tabs-response-to-switcher > label {
display: none;
width: 100%;
padding-right: 0;
padding-left: 0;
text-align: left;
}
.sky-tabs-response-to-switcher > .switcher {
display: block;
}
.sky-tabs-response-to-switcher:hover > label {
display: block;
}
.sky-tabs-response-to-switcher:hover > .switcher {
display: none;
}
.sky-tabs-response-to-switcher > ul {
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.sky-tabs-response-to-switcher > ul > li {
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
}
.sky-tabs-response-to-switcher.sky-tabs-anim-flip > ul > li {
-webkit-transform: rotateX(-90deg);
}
}


hocam bord index dedigini sildim tema ayirmasi yapti forum giti görükmüyor acil yardim

buraya ekleyin boardindex.template.php dosyanızı bakalım

burda h

bunu deneyin

hocam calismiyor asgida cevrimci üye vs onlarda gitimis

hakkini helal et hocam ama cevrimci üyeler forum istatikleri ve son konular acilmiyor

css çakışması oluşuyor altta  tablı alanla aynı olduğu için isterseniz düzelteyip vereyim boardindex.template.php dosyanızı ama hepsi ya yukarda veya alta olması lazım

burda bir bakib

düzeltin bir zahmet hocam hepsi altta olsa olmaz mi acaba ayni yerde bir tane

hepsini alta aldım üstte isterseniz burdan yazarsınız
güle güle kulanın

eline saglik hocam EAllah razi ola cok olmasak hocam bir sorum var size biz modu yükledik forumun konularina girince bazi yerlerde benzer konullar cikiyor ama bizde olmadi acaba neden

eline saglik hocam EAllah razi ola cok olmasak hocam bir sorum var size biz modu yükledik forumun konularina girince bazi yerlerde benzer konullar cikiyor ama bizde olmadi acaba neden

sanırım benzer konular modundan bahsediyorsunuz daha önce denemediğim bir mod uygun bir zamanda bakıp yapabileceğim birşey varmı söylerim
bu arada site adresinizi profilinize http://smf.konusal.com/index.php?action=profile;u=7 eklerseniz görerek birşeyler söylemek daha kolay olur

tamam beklemedeyiz hocam

selam hocam ekledigimiz son konular bölümü calismiyor yani gösterim yok bakabilirmisin