Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Sidebox i w nim top 10

Założony przez  Regman.

wersja skryptu MyBB:-
adres forum:-
na czym polega problem (screen, opis, komunikaty):

Witam.
Mam takie pytanie jak dodać dodatkowe pole tam gdzie jest narysowane nass
[Obrazek: xnou.png]
Chodzi o boczny panel.
Chciałem tam zrobić top 10 posterów top 10 lubianych postów itp.
Jak to wykonać ?

Czyli jak zrobić boczny panel?

Tak jak tutaj na forum jest taki boczny panel.
Matslom napisał 21.06.2013, 10:38:
Poprawiam tytuł i przenoszę do odpowiedniego działu [Obrazek: modnotice_howto.png]
Radzę zmienić klienta FTP, zapewne używasz TC, który zmienia duże litery na małe. Ja używam FilleZilla.
Tak miałem zaznaczoną opcję zamień litery na małe ale już ją odznaczyłem i jest ok.

A i jeszcze mam pytanie ja usunąć avatar z tych statystyk aby był tylko sam nick ?
ACP -> Konfiguracja -> Statystyki Top
Ok avatara nie ma, a jak je troszeczkę zwęższyć ? bo są za szerokie ;/
Wie ktoś ?

na przykład tutaj na forum są takie węższe :
[Obrazek: 2pX7vZm.png]

I takie wąskie bym chciał mieć.
Szerokość zmieniasz w index`ie, pokaż go..
Mój index:

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
<style type="text/css">
.buttons {
background: url(images/arrowright.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}

.clickedbuttons {
background: url(images/arrowleft.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 21%;">

</td>
</tr>
<tr>
<td class="trow4boczny2">
</td>
</tr>
</table>

{$topstats_posters}
<br>
{$topstats_reputation}
<br>
{$topstats_online}
<br>
{$topstats_last_threads}

</td>
</tr>
<tr>
<td class="trow4boczny2">
</td>
</tr>
</table>


</div>

<div class="forums" style="float: left;width: 78%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}


<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
Tyle wystarczy?:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
<style type="text/css">
.buttons {
background: url(images/arrowright.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}

.clickedbuttons {
background: url(images/arrowleft.png) no-repeat;
width: 16px;
height: 16px;
display: block;
cursor: pointer;
}
</style>
</head>
<body>
{$header}
<a class="buttons" style="float: right;"></a>
<a class="clickedbuttons" style="float: right;"></a>
<br class="clear" />
<div class="sidebar" style="float: right;width: 18%;">

</td>
</tr>
<tr>
<td class="trow4boczny2">
</td>
</tr>
</table>

{$topstats_posters}
<br>
{$topstats_reputation}
<br>
{$topstats_online}
<br>
{$topstats_last_threads}

</td>
</tr>
<tr>
<td class="trow4boczny2">
</td>
</tr>
</table>


</div>

<div class="forums" style="float: left;width: 81%;">
{$forums}
</div>
<br class="clear" />
{$boardstats}


<dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>
Mi nie chodzi o ich długość tylko o to jak jest użytkownik to aby ta tabelka była węższa.
Tak jak na ss takie wąskie

[Obrazek: KGU2jJG.png]
Wtedy to nic nie będzie widać.. Wszystko w kupie i jeszcze mały tekst musiałbyś dać..
Ale takie cienkie mi będą pasować np. tu są takie cienkie i fajnie to wygląda:

[Obrazek: 8dJSEL2.png]

I właśnie takie cienkie chcę
Musisz zrobić nową klasę i ustawić odpowiedni padding albo height (atrybuty CSS) i zamienić na odpowiednie klasy w szablonach. Jak już mówiłem, poczytaj trochę o CSS bo nikt za rączkę Cię nie będzie prowadził..
Ale ja się słabo zn.am na CSS i dla tego was się pytam ja to wykonać.
Pokaż topstats_reputation_row (Szablony Globalne)
Mój topstats_reputation_row:

<tr>
            <td class="trow1">
            <img src="{$avatar_rep}" alt="" style="float: left;width: {$width}px;margin-right: 5px;"/>
            <a href="member.php?action=profile&uid={$id_rep}" style="margin-top: 7px;float: left;">{$top_rep_username}</a>
            <span style="float: right;margin-right: 5px;margin-top: 7px;">{$reputacji}</span>
            </td>
            </tr>
Zamień to na ten:
<tr>
            <td class="smalltext repkastats">
            <img src="{$avatar_rep}" alt="" style="float: left;width: {$width}px;margin-right: 5px;"/>
            <a href="member.php?action=profile&uid={$id_rep}" style="float: left;">{$top_rep_username}</a>
            <span style="float: right;margin-right: 5px;">{$reputacji}</span>
            </td>
            </tr>

I do global.css dodaj:
.repkastats {
background: #cfeed4;
vertical-align: middle;
height: 5px;
color: #898989;
}



Użytkownicy przeglądający ten wątek:

2 gości