Webboard

Pełna wersja: Jak zrobić panel boczny do tego kodu?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.6
adres forum: dawid.oneshoot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):  

Gdy robię panel boczny on ciągle jest krzywo i najeżdża na tabele serwerów.. Pomoże mi ktoś zrobić panel boczny do tego kodu ?

Kod:
<html>
<head><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<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>
</head>
<body>


{$header}
<table align="center">

<tbody><tr>
<td width="350" align="center" class="serwer"><font color="white"><b>Nazwa serwera</b></font></td>
<td width="150" align="center" class="serwer"><font color="white"><b>Monitoring</b></font></td>
<td width="150" align="center" class="serwer"><font color="white"><b>Adres serwera</b></font></td>
<td width="50" align="center" class="serwer"><font color="white"><b>Klient</b></font></td>
<td width="30" align="center" class="serwer"><font color="white"><b>Połącz</b></font></td></tr>

<tr>
<td width="200" class="trow1" align="center"><font color="grey" size="1">••• [PL] OneShoot [Deathrun] •••</font></td>
<td width="150" class="trow1" align="center"><font color="grey"><a href="http://www.game-state.com/188.165.20.131:22120/"><img src="http://www.game-state.com/188.165.20.131:22120/350x20_FFFFFF_FFFFFF_000000_000000.png" alt="www.Game-State.com" style="border-style: none;"></a></font></td>
<td width="100" class="trow1" align="center"><font color="grey" size="1">188.165.20.131:22120</font></td>
<td width="50" class="trow1" align="center"><font color="grey" size="1">MTA:SA</font></td>
<td width="30" class="trow1" align="center"><font color="grey"><a href="mtasa://188.165.20.131:22120"><img src="http://img.informer.com/icons/png/16/3633/3633659.png"></a></font></td>
</tr>
</tbody></table>
<center><td class="tborder">




<div class="index_forums left" id="index_forums">
<!-- put your notices below -->
<!-- <div class="greenmessage">
<span class="messagetitle">Example Notice</span><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
</div>
<br /> //-->

{$dvz_shoutbox}
{$forums}

</div>

<div class="index_sidebar left">
<style>.sortable { list-style-type: none; margin: 0; padding: 0;}</style>



<br />


</td>




</td></tr></tbody></table>
{$topStats['LastThreads']} 
{$mystatus_latest_statuses}
 
{$topStats['Posters']} 
{$topshout} 
{$topStats['Reputation']} 
{$topStats['Timeonline']} 

</div>

<br class="clear">




<td class="trow1"><span class="medium">
<center>
<span class="goldbutton">
 <font size="3"><font color="#0e9fab"><i class="fa fa-file-text"></i></font></font> {$stats['numthreads']} Wątki</span>
<span class="goldbutton"><font size="3"><font color="#0e9fab"><i class="fa fa-book"></i></font></font> {$stats['numposts']} Tematy</span>      
<span class="goldbutton"><font size="3"><font color="#0e9fab"><i class="fa fa-group"></i></font></font> {$stats['numusers']} Użytkownicy<b> </b> </span>
<span class="goldbutton"><font size="3"><font color="#0e9fab"><i class="fa fa-circle-o-notch"></i></font></font> $recordcount Najwięcej Online</span>
<span class="goldbutton"><font size="3"><font color="#0e9fab"><i class="fa fa-user"></i></font></font> Najnowszy użytkownik $newestmember</span>
<br></span></center></td>

{$boardstats}

<table class="forumline" border="0" cellpadding="3" cellspacing="1" width="100%">

<tbody><tr>

<td class="serwer" align="center"><font color="white"><b>PARTNERZY</b> </font>
</td></tr>
<tr>
<td class="row1" onmouseover="onv(this);" onmouseout="ont(this);" align="center" bgcolor="#111111">
<marquee truespeed="truespeed"><a href="http://gfxcms.eu" target="_blank"> <img src="http://gfxcms.eu/upload/images/468x60mrm.png" title="gfxCMS - Forum graficzne"></a></marquee>
</td></tr></tbody></table>
<tr>

<a href="#" class="scrolltop"><center><img src="http://i.imgur.com/4UtPvGc.png" <="" img=""></center></a>

<table width="100%" cellpadding="2" cellspacing="1" border="0" id="SAMP_TABLE">
<thead><tr>
<th class="stopk"> Silnik forum: <a href="http://mybb.com/" target="_blank"><font color="#0e9fab">MyBB</font></a>, © 2002-2016</th>
<th class="stopk"> Tłumaczenie dostarcza: <a href="http://mybb.com/" target="_blank"><font color="#0e9fab">MyBB</font></a>, © 2002-2016</th> <th class="stopk"> Szablon: <font color="#0e9fab">Audentio Design</font></th>
<th class="stopk"> Edycja szablonu: <a href="#"><font color="#0e9fab">Sh1ze.</font></a></th>
<th class="stopk"> Copyright © by <a href="/"><font color="#0e9fab">OneShoot.pl</font> </a>2010-2014</th>



<!-- end: footer -->
<center><span class="inff_bg" style="border:1px solid #000;background-color: rgba(255, 0, 0, 0.25);">Zakaz kopiowania treści forum!<br>Każdy zarejestrowany użytkownik, wysyłający wiadomość ponosi za nią pełną odpowiedzialność. Publikowane wypowiedzi są prywatnymi opiniami użytkowników. Administracja nie ponosi odpowiedzialności za ich treść. Zgodnie z ustawą o ochronie danych osobowych, Administracja Forum nie przekazuje informacji odnośnie użytkowników ? instytucjom ,firmom, osobom prywatnym etc. Hasła są szyfrowane w bazie danych, a numery IP są tylko i wyłącznie do wglądu Administracji. </span></center>

<!-- end: index --></tr></thead></table>

{$footer}
<script>
jQuery.noConflict();jQuery(document).ready(function(){jQuery('.sidebar_collapse').show();jQuery('.sidebar_expand').show();});
</script>
</body>
</html>