Adres forum:
http://SimpleTruck.pl/
Wersja silnika:
1.8.14
Opis problemu:
Witam. Chciałbym dodać tabelki po bokach (z lewej i prawej strony) działów. Np. ostatnie tematy itd. Jednakże po dodaniu jakiejkolwiek tabeli pojawia się ona właśnie pomiędzy działami (tak jakbym wstawiał kod nie w tym miejscu). Może ktoś mnie naprowadzić, gdzie to dodać?
Bazując na tym poradniku:
Prosty sidebar, panel boczny
Zamień
{$forums} w szablonie
index na:
Kod PHP:
<!-- LEWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: left; width: 19%; margin-right: 1%;">
{$topStats['LastThreads']}
</div>
<!-- FORUM -->
<div class="forum" style="float: left; width: 60%;">{$forums}</div>
<!-- PRAWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: right; width: 19%">
{$topStats['LastActiveThreads']}
</div>
Oczywiście zamiast
{$topStats['LastThreads']} i
{$topStats['LastActiveThreads']} wstawiasz zmienne według swoich upodobań (do np. ostatnich wątków wymagany jest plugin
TopStats - statystyki TOP dla panelu bocznego 1.0.5).
Efekt końcowy:
![[Obrazek: iID5Gbw.png]](https://i.imgur.com/iID5Gbw.png)
można też do tego celu użyć pluginu Advanced Sidebox
Pokaż, jak po dodaniu tego kodu wygląda Twój szablon index, bo na screenie wygląda to tak, jakby {$topStats['LastThreads']} był poza <div class="sidebar" style="float: left; width: 19%; margin-right: 1%;">.
Zamień cały szablon
index na to:
Kod PHP:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$recentthread_headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div class="pasek_nowosci">
Przewidywany start serwera: przełom kwietnia/maja.<br />
<span style="color: #649B3F; font-weight: bold;">Rekrutacja na mappera:</span> Kliknij <a href="http://simpletruck.pl/showthread.php?tid=50" style="font-weight: bold">TUTAJ</a>
</div>
{$dvz_shoutbox}
{$serversboard}
<!-- REGULAMINY -->
<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="http://simpletruck.pl/images/igame/collapse.png" id="cat_46_img" class="expander" alt="[-]" original-title="[-]"></div>
<div><a href="forumdisplay.php?fid=46" style="font-weight: bold; color: #fff;">REGULAMINY</a><br /><div class="smalltext"></div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_46_e">
<tr>
<td class="trow1" align="center" valign="middle" width="1"><div class="forum_status forum_offlink ajax_mark_read" title="Przekierowanie" id="mark_read_2"><i class="far fa-circle"></i></div></td>
<td class="trow1" valign="middle">
<a href="regulamin.php" class="threadtext" style="font-weight: bold; color: #e50000;">REGULAMIN SERWERA</a>
<br />
</td>
</tr>
<tr>
<td class="trow1" align="center" valign="middle" width="1"><div class="forum_status forum_offlink ajax_mark_read" title="Przekierowanie" id="mark_read_2"><i class="far fa-circle"></i></div></td>
<td class="trow1" valign="middle">
<a href="regulaminforum.php" class="threadtext" style="font-weight: bold; color: #e50000;">REGULAMIN FORUM</a>
<br />
</td>
</tr>
</tbody>
</table>
<br />
<!-- KONIEC REGULAMINY -->
<!-- LEWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: left; width: 19%; margin-right: 1%;">
{$topStats['LastThreads']}
</div>
<!-- KONIEC LEWA STRONA PASKA BOCZNEGO -->
<!-- FORUM -->
<div class="forum" style="float: left; width: 60%;">{$forums}</div>
<!-- KONIEC FORUM -->
<!-- PRAWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: right; width: 19%;">
{$topStats['LastActiveThreads']}
</div>
<!-- KONIEC PRAWA STRONA PASKA BOCZNEGO -->
{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>
Ewentualnie jeżeli regulaminy na górze mają być wśród działów to zrób tak:
Kod PHP:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
{$recentthread_headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<div class="pasek_nowosci">
Przewidywany start serwera: przełom kwietnia/maja.<br />
<span style="color: #649B3F; font-weight: bold;">Rekrutacja na mappera:</span> Kliknij <a href="http://simpletruck.pl/showthread.php?tid=50" style="font-weight: bold">TUTAJ</a>
</div>
{$dvz_shoutbox}
{$serversboard}
<!-- LEWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: left; width: 19%; margin-right: 1%;">
{$topStats['LastThreads']}
</div>
<!-- KONIEC LEWA STRONA PASKA BOCZNEGO -->
<!-- FORUM -->
<div class="forum" style="float: left; width: 60%;">
<!-- REGULAMINY -->
<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="http://simpletruck.pl/images/igame/collapse.png" id="cat_46_img" class="expander" alt="[-]" original-title="[-]"></div>
<div><a href="forumdisplay.php?fid=46" style="font-weight: bold; color: #fff;">ŚMIETNIK</a><br /><div class="smalltext"></div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_46_e">
<tr>
<td class="trow1" align="center" valign="middle" width="1"><div class="forum_status forum_offlink ajax_mark_read" title="Przekierowanie" id="mark_read_2"><i class="far fa-circle"></i></div></td>
<td class="trow1" valign="middle">
<a href="regulamin.php" class="threadtext" style="font-weight: bold; color: #e50000;">REGULAMIN SERWERA</a>
<br />
</td>
</tr>
<tr>
<td class="trow1" align="center" valign="middle" width="1"><div class="forum_status forum_offlink ajax_mark_read" title="Przekierowanie" id="mark_read_2"><i class="far fa-circle"></i></div></td>
<td class="trow1" valign="middle">
<a href="regulaminforum.php" class="threadtext" style="font-weight: bold; color: #e50000;">REGULAMIN FORUM</a>
<br />
</td>
</tr>
</tbody>
</table>
<br />
<!-- KONIEC REGULAMINY -->
{$forums}
</div>
<!-- KONIEC FORUM -->
<!-- PRAWA STRONA PASKA BOCZNEGO -->
<div class="sidebar" style="float: right; width: 19%;">
{$topStats['LastActiveThreads']}
</div>
<!-- KONIEC PRAWA STRONA PASKA BOCZNEGO -->
{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>
OK, niby działa, ale.. Czy dałoby zrobić te tabelki tak jak na zdjęciu, które podesłałeś? Osobne, a nie połączone z działami.
W <div class="forum" style="float: left; width: 81%;" original-title=""> zmień 81% na np. 80% w zależności od tego, jak duży odstęp chcesz mieć.
Ok. Chciałbym zmienić kolor tła (czerwona strzałka) tak, żeby tło działów i tych statystyk po bokach się wyróżniało.
(na zielony proszę nie patrzeć, już sobie poradziłem
)
[
attachment=13611]
Twoje tło jest zdjęciem:
http://simpletruck.pl/images/igame/2.jpg
Jeśli chcesz je zmienić to w
w trybie zaawansowanym na początku masz kod:
Kod PHP:
body {
background: url(../../../images/igame/2.jpg) no-repeat center center fixed;
color: #736E6E;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center;
line-height: 1.4;
margin: 0;
font: normal 13px tahoma,helvetica,arial,sans-serif;
overflow-y: scroll;
overflow-x: hidden;
}
Podmień link do tła forum lub
Kod PHP:
background: #kolor szesnastkowy
Właśnie nie chodzi o to tło, a o tło na których są działy
Bo teraz te statystyki po bokach zlewają się brzydko z działami forum.