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

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

Tabelki po bokach

Konfiguracja  Założony przez  _xmg.

13.04.2018, 13:36
#1
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ć?
13.04.2018, 15:06 (Ten post był ostatnio modyfikowany: 13.04.2018, 15:07 przez Axwell.)
#2
Bazując na tym poradniku: Prosty sidebar, panel boczny

Zamień {$forums} w szablonie index na:
<!-- 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]
13.04.2018, 15:14
#3
można też do tego celu użyć pluginu Advanced Sidebox
13.04.2018, 17:30
#4
Po dodaniu Twojego kodu mam coś takiego:
   
13.04.2018, 18:04
#5
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%;">.
13.04.2018, 18:23
#6
https://pastebin.com/X49GgcPr
13.04.2018, 20:40 (Ten post był ostatnio modyfikowany: 13.04.2018, 20:41 przez Axwell.)
#7
Zamień cały szablon index na to:
<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:
<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> 
13.04.2018, 21:07
#8
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.
13.04.2018, 21:10
#9
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ć.
14.04.2018, 05:46
#10
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:))

   
14.04.2018, 09:39
#11
Twoje tło jest zdjęciem: http://simpletruck.pl/images/igame/2.jpg

Jeśli chcesz je zmienić to w
global.css
w trybie zaawansowanym na początku masz kod:
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
background: #kolor szesnastkowy 
14.04.2018, 11:04
#12
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.
14.04.2018, 12:15
#13
https://webboard.pl/thread-45824.html

#content w global.css



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

1 gości