Webboard

Pełna wersja: Tabelki po bokach
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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]
można też do tego celu użyć pluginu Advanced Sidebox
Po dodaniu Twojego kodu mam coś takiego:
[attachment=13610]
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 serweraprzełom kwietnia/maja.<br />
<
span style="color: #649B3F; font-weight: bold;">Rekrutacja na mappera:</spanKliknij <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"><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"><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 serweraprzełom kwietnia/maja.<br />
<
span style="color: #649B3F; font-weight: bold;">Rekrutacja na mappera:</spanKliknij <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"><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"><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
Kod:
global.css
w trybie zaawansowanym na początku masz kod:
Kod PHP:
body {
    
backgroundurl(../../../images/igame/2.jpgno-repeat center center fixed;
    
color#736E6E;
    
-webkit-background-sizecover;
    -
moz-background-sizecover;
    -
o-background-sizecover;
    
background-sizecover;
    
text-aligncenter;
    
line-height1.4;
    
margin0;
    
fontnormal 13px tahoma,helvetica,arial,sans-serif;
    
overflow-yscroll;
    
overflow-xhidden;

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 :D Bo teraz te statystyki po bokach zlewają się brzydko z działami forum.