bölümleri yan yana sıralama

[axsi]

yukarıdakı bölümleri şu şekilde yapmak istiyorum;



mod veya eklenti önermeyin lütfen 

[kirkagacforum]

Konu linki : http://www.simplemachines.org/community/index.php?topic=247079.0

Bu ipucu sayesinde, forum ana sayfasındaki kategoriler, bölümler iki sütun halinde listeleniyor. Belki tema yapımcıları için güzel bir fikir olabilir.

BoardIndex.template.php

Bul:

Kod Seç Genişlet

/* Each category in categories is made up of:
Değiştir:

Kod Seç Genişlet

// How many categories do we have?
$category_count = count($context['categories']);

// Mod it and see if it is an odd number or not.
$category_left_count = $category_count % 2;

// Lucky, its even.
if($category_left_count == 0)
// Just divide it and calculate cat per column.
$category_per_column = $category_count / 2;
else
// Opps, odd number. We just need integer, so add the left part after you divide.
$category_per_column = (($category_count - $category_left_count) / 2) + $category_left_count;

// Keep track of the categories you echoed.
$counter = 0;

// Here comes the table.
echo '
<table>
<tr>';

/* Each category in categories is made up of:
Bul:

Kod Seç Genişlet

echo '
<div class="tborder" style="margin-top: ' , $first ? '0;' : '1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'width: 100%;' : '', '">
Değiştir:

Kod Seç Genişlet

// Pass to a new column if reset.
if($counter == 0)
echo '
<td width="50%" style="vertical-align: top;">';

echo '
<div class="tborder" style="margin-top: 1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'width: 100%;' : '', '">
Bul:

Kod Seç Genişlet

}
echo '
</div>';
}
Değiştir:

Kod Seç Genişlet

}
echo '
</div>';

// Increase the number cats echoed.
$counter = $counter + 1;

// If we displayed enough cats, pass to new column
if($counter == $category_per_column) {
echo '
</td>';

// Reset the tracker.
$counter = 0;
}
}

// We need to close the column if it was an odd number.
if($category_left_count != 0)
echo '
</td>';

// Close the table.
echo '
</tr>
</table>';
Kodlardaki 2 rakamlarını 3 olarak değiştirirek 3 sütun haline de getirebilirsiniz.

Bir süre burada durduktan sonra İpuçları ve Hileler bölümüne taşınacak.

Tamamiyle [SiNaN] yapımıdır.

[kirkagacforum]

Konu linki : https://www.simplemachines.org/community/index.php?topic=444795.0

Bugün bi dostumun isteği üzerine biraz çalıştım. İşin sonunda gayet hoş bi yapı ortaya çıktı ve sizlerle paylaşmak istedim.

BoardIndex.template.php

Kod (Bul) Seç Genişlet

                echo '
                <tr id="board_', $board['id'], '" class="windowbg2">
                    <td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
                        <a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';

                // If the board or children is new, show an indicator.
                if ($board['new'] || $board['children_new'])
                    echo '
                            <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
                // Is it a redirection board?
                elseif ($board['is_redirect'])
                    echo '
                            <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
                // No new posts at all! The agony!!
                else
                    echo '
                            <img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';

                echo '
                        </a>
                    </td>
                    <td class="info">
                        <a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';

                // Has it outstanding posts for approval?
                if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
                    echo '
                        <a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > 0 ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';

                echo '

                        <p>', $board['description'] , '</p>';

                // Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
                if (!empty($board['moderators']))
                    echo '
                        <p class="moderators">', count($board['moderators']) == 1 ? $txt['moderator'] : $txt['moderators'], ': ', implode(', ', $board['link_moderators']), '</p>';

                // Show some basic information about the number of posts, etc.
                    echo '
                    </td>
                    <td class="stats windowbg">
                        <p>', comma_format($board['posts']), ' ', $board['is_redirect'] ? $txt['redirects'] : $txt['posts'], ' <br />
                        ', $board['is_redirect'] ? '' : comma_format($board['topics']) . ' ' . $txt['board_topics'], '
                        </p>
                    </td>
                    <td class="lastpost">';

                /* The board's and children's 'last_post's have:
                time, timestamp (a number that represents the time.), id (of the post), topic (topic id.),
                link, href, subject, start (where they should go for the first unread post.),
                and member. (which has id, name, link, href, username in it.) */
                if (!empty($board['last_post']['id']))
                    echo '
                        <p><strong>', $txt['last_post'], '</strong>  ', $txt['by'], ' ', $board['last_post']['member']['link'] , '<br />
                        ', $txt['in'], ' ', $board['last_post']['link'], '<br />
                        ', $txt['on'], ' ', $board['last_post']['time'],'
                        </p>';
                echo '
                    </td>
                </tr>';
                // Show the "Child Boards: ". (there's a link_children but we're going to bold the new ones...)
                if (!empty($board['children']))
                {
                    // Sort the links into an array with new boards bold so it can be imploded.
                    $children = array();
                    /* Each child in each board's children has:
                            id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
                    foreach ($board['children'] as $child)
                    {
                        if (!$child['is_redirect'])
                            $child['link'] = '<a href="' . $child['href'] . '" ' . ($child['new'] ? 'class="new_posts" ' : '') . 'title="' . ($child['new'] ? $txt['new_posts'] : $txt['old_posts']) . ' (' . $txt['board_topics'] . ': ' . comma_format($child['topics']) . ', ' . $txt['posts'] . ': ' . comma_format($child['posts']) . ')">' . $child['name'] . ($child['new'] ? '</a> <a href="' . $scripturl . '?action=unread;board=' . $child['id'] . '" title="' . $txt['new_posts'] . ' (' . $txt['board_topics'] . ': ' . comma_format($child['topics']) . ', ' . $txt['posts'] . ': ' . comma_format($child['posts']) . ')"><img src="' . $settings['lang_images_url'] . '/new.gif" class="new_posts" alt="" />' : '') . '</a>';
                        else
                            $child['link'] = '<a href="' . $child['href'] . '" title="' . comma_format($child['posts']) . ' ' . $txt['redirects'] . '">' . $child['name'] . '</a>';

                        // Has it posts awaiting approval?
                        if ($child['can_approve_posts'] && ($child['unapproved_posts'] || $child['unapproved_topics']))
                            $child['link'] .= ' <a href="' . $scripturl . '?action=moderate;area=postmod;sa=' . ($child['unapproved_topics'] > 0 ? 'topics' : 'posts') . ';brd=' . $child['id'] . ';' . $context['session_var'] . '=' . $context['session_id'] . '" title="' . sprintf($txt['unapproved_posts'], $child['unapproved_topics'], $child['unapproved_posts']) . '" class="moderation_link">(!)</a>';

                        $children[] = $child['new'] ? '<strong>' . $child['link'] . '</strong>' : $child['link'];
                    }
                    echo '
                    <tr id="board_', $board['id'], '_children">
                        <td colspan="3" class="children windowbg">
                            <strong>', $txt['parent_boards'], '</strong>: ', implode(', ', $children), '
                        </td>
                    </tr>';
                }
            }
        echo '
            </tbody>';

Kod (Değiştir) Seç Genişlet

// Boxed BoardIndex Start
            echo '
    <tr class="catbox windowbg2">';

            echo '
        <td class="info">
<div class="box100">
<div class="catbox-all">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>
<p>', $board['description'] , '</p>';
                 
            if (!empty($board['last_post']['id']))     
            echo '   
            <p><strong>', $txt['last_post'], '</strong>  ', $txt['by'], ' ', $board['last_post']['member']['link'] , '<br />
            ', $txt['in'], ' ', $board['last_post']['link'], '<br />
            ', $txt['on'], ' ', $board['last_post']['time'],'
            </p>';

            echo '
</div>
</div>
        </td>
    </tr>';

         }
      echo '
         </tbody>';
// Boxed BoardIndex End
Index.css

Kod (Sonuna Ekle) Seç Genişlet

.catbox
{
   height: 150px;
   float: left;
   margin-bottom: 1%;
}
.catbox-all
{
   width:260px;
   height:150px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color: #dadfe6;
   padding-left: 3%;
   padding-top: 3%;
}

Kodların XHTML sorunlarını çözen ve kalanları çözmemde yardımcı olan MrGrumpy 'ye çok teşekkür ederim.

Bu iki değişikliği deneyebilirsiniz. Çok tuhaf isimler vermişler onun için bulmak zor oluyor. :)

[axsi]

Bunu kullanıyorum zaten teşekkürler yinede, konu kilitlenebilir.

[tarantula901]

Sorunun cozulmesine sevindim

[kirkagacforum]

Düzenleme yaptığım site : www.somaforum.com

İlk cevabımdaki kodları uygulamak istediğimde sıfır boardindex.template.php dosyasında aşağıdaki kodu bulamadım.

Kod Seç Genişlet

echo '
<div class="tborder" style="margin-top: ' , $first ? '0;' : '1ex;' , '' , $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'width: 100%;' : '', '">
İkinci mesajımdakini de uyguladığımda sitedeki şekilde oldu.

width : 50%; de yaptım ama ortadan olmadı. Amacım ortadan iki sütun olması.

index.css'deki kodlar aşağıdaki şekilde;

Kod Seç Genişlet

.catbox
{
   height: 100px;
   float: left;
   margin-bottom: 1%;
}
.catbox-all
{
   width: 560px;
   height: 80px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color: #dadfe6;
   padding-left: 3%;
   padding-top: 3%;
}
Ne yapmam lazım, fikri olan var mı?

[tarantula901]

Modlar var onlari kullanin

[kirkagacforum]

http://custom.simplemachines.org/mods/index.php?mod=1720

Bu modu kurdum.

Lakin biraz daha düzgün olmasını rica ediyorum sizlerden mümkünse.

Site : www.somaforum.com

Şu anki hali;


İstediğim;


Dosya ektedir.

Şimdiden teşekkürler.

[tarantula901]

Kullanmış olduğunuz mod alt kategorileri düzenli olaran gösteren mod değil kategori sıralı yapıyor sanırım

[kirkagacforum]

Yapmak istediğim kategorilerin iki sütunlu şekilde gözükmesi.

http://custom.simplemachines.org/mods/index.php?mod=1720

Bu modu kurdum, bu ikili - üçlü yapıyor.

Ama gözüme düzenli gelmedi. Default halinin daraltılmış ve iki sütunlu haline gelmiş gibi bir görüntüde olmasını istiyorum.
Aşağıdaki resimdeki gibi olmasını istiyorum. Bunu fotoşopda yaptım.



Hiç olmazsa iki sütunlu hale getirebileceğim (modsuz) bir kod var mı? Önceden denediğimde üsttekiler olmamıştı.

[gecitli]

kod bilginiz varsa bunu inceleyip yapa bilirsiniz

Örnek