Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Sidebar na dole
Pełna wersja: Sidebar na dole
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

Asia69

02.02.2017, 12:02
Tak jak w temacie mam sidebar na dole nie wiem jakim cudem choć robiłem dobrze,nie mogę znaleźć błędu.

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>
</head>
<body>

{$header}

<section class="forum">
<table class="tborder border_table" width="100%" cellspacing="0" cellpadding="4">  
 <tbody>
   <tr>  
   <td class="thead" colspan="8">  
   
         <strong><center>Ogłoszenia<center></strong>
   </td></tr>
 </tbody><tbody>
   <tr>  
     

<td class="trow2 ogloszenia_ikona"><i class="fa fa-exclamation-circle"></i></td>
<td style="border-right: 1px solid #000"  class="trow2 ogloszenia_tekst"><span class="tekst_black">Automatyczny wzór</span><span class="tekst_blue"  Przeczytaj: </span><span class="tekst_black">3!</span></td>

<td style="border-left: 1px solid #393939;" class="trow2 ogloszenia_ikona"><i class="fa fa-money"></i></td>
<td class="trow2 ogloszenia_tekst">Donator <span class="tekst_blue">Przeczytaj:</span>  <span class="tekst_black"></span></td>

</tr><tr>

<td class="trow2 ogloszenia_ikona"><i class="fa fa-picture-o"></i></td>
<td style="border-right: 1px solid #000" class="trow2 ogloszenia_tekst"><span class="tekst_blue">1</span> 2<a href="#">3</a></td>

<td style="border-left: 1px solid #393939;" class="trow2 ogloszenia_ikona"><i class="fa fa-shopping-cart"></i></td>
<td class="trow2 ogloszenia_tekst">1<span class="tekst_blue"> 2</span></td>
   </tr>  
 </tbody>
</table></br>
<

<div class="forums" style="float: left; width: 76%;">{$forums}{$dvz_shoutbox}</div>


<div class="sidebar" style="float: right; width: 22%;"><br>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Kontakt do nas</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
<center><span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i></i> Prezes vMPK</span></center></a></div>


<div style="width: 150px;margin: 0 auto;">
<center><a href="http://vmpkwroclaw.xaa.pl/member.php?action=profile&uid=1"><center><span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i></i> Mati7026</span></center></a></div>

<center><i class="fa fa-envelope"></i> <a href="private.php?action=send&amp;uid=1">PW</a><br>
<img src="http://status.gadu-gadu.pl/users/status.asp?id=9441254&amp;styl=1" alt="Gadu-Gadu" border="0"><a href="gg:9441254">9441254</a><br></center>

<br></div>
</td></tr>

</td>
</tr>
</table>
<br />




<br />





<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Facebook</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
</td>
</tr>
<tr>
<td class="trow1">

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.8";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/vmpkwroc/?fref=ts" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/vmpkwroc/?fref=ts" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/vmpkwroc/?fref=ts">VMPK Wrocław</a></blockquote></div>
</td>
</tr>
</table>
<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Funpage kierowców</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.8";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/">Kierowca vmpk wroclaw - Mati7026</a></blockquote></div>

 </td>
</tr>
</table>
<br />


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>TeamSpeak3</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
<a href="ts3server://78.42.57.156:9988">
<img src="https://www.multigaming.pl/server/41013/banner/160x220" border="0" width="160" height="220" alt=""
</td>
</tr>
</table>
<br />







</div>
<br class="clear" />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Kto jest online</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
{$whosonline}
</td>
</tr>
</table>


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Statystyki</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-line-chart"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
{$forumstats}
</td>
</tr>
</table>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Grupy Użytkowników</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-line-chart"></i></div>
</td>
</tr>
<tr>
<td class="trow1">
<span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i></i> Prezes</span></a></div> |
<span style="text-shadow: 1px 1px 15px red; color: red; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i> Zastępca Prezesa</span></a></div> |
<span style="text-shadow: 1px 1px 15px green; color: green; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i> Kierownik Zajezdni</span></a></div> |
<span style="text-shadow: 1px 1px 10px #660000; font-weight: bold; color: #660000;"><strong>Rzecznik vMPK</strong></span> |
<span style="text-shadow: 1px 1px 10px #0066CC; font-weight: bold; color: #0066CC;"><strong>Kadrowy</strong></span> |
<span style="text-shadow: 1px 1px 10px Purple; font-weight: bold; color: Purple;"><strong>Dyspozytor</strong></span> |
<span style="text-shadow: 1px 1px 10px #00FF00; font-weight: bold; color: #00FF00;"><strong>Mechanik</strong></span> |
<span style="text-shadow: 1px 1px 10px #FF3366; font-weight: bold; color: #FF3366;"><strong>Nadzór Ruchu</strong></span> |
<span style="text-shadow: 1px 1px 10px orange; font-weight: bold; color: orange;"><strong>Księgowy</strong></span> |
<span style="text-shadow: 1px 1px 10px #6666FF; font-weight: bold; color: #6666FF;"><strong>Doświadczony Kierowca</strong></span> |
<span style="text-shadow: 1px 1px 10px blue; font-weight: bold; color: blue;"><strong>Kierowca</strong></span> |
<span style="text-shadow: 1px 1px 10px #236B8E;"><strong><img src="http://hostmat.eu/images/30686010008994567495.png">Donator</strong></span> |
<span style="color:black;font-weight: bold;">Pasażer</span> |
<s><span style=";color:#414141;">Zwolniony</span></s>|




</tr>
</table>
{$footer}
</body>
</html>

Poftorek

02.02.2017, 12:22
Popraw kod na ogłoszenia, jest on tak jak inne (akurat je poprawiłem) tabelki niepoprawny, nie masz pojęcia o HTML, nie zamykasz tagów..

<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>
</head>

<body>
{$header}

<table class="tborder border_table" width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td class="thead" colspan="8">

<strong><center>Ogłoszenia<center></strong>
</td>
</tr>
</tbody>
<tbody>
<tr>


<td class="trow2 ogloszenia_ikona"><i class="fa fa-exclamation-circle"></i>
</td>
<td style="border-right: 1px solid #000" class="trow2 ogloszenia_tekst"><span class="tekst_black">Automatyczny wzór</span><span class="tekst_blue" Przeczytaj: </span><span class="tekst_black">3!</span>
</td>

<td style="border-left: 1px solid #393939;" class="trow2 ogloszenia_ikona"><i class="fa fa-money"></i>
</td>
<td class="trow2 ogloszenia_tekst">Donator <span class="tekst_blue">Przeczytaj:</span> <span class="tekst_black"></span>
</td>

</tr>
<tr>

<td class="trow2 ogloszenia_ikona"><i class="fa fa-picture-o"></i>
</td>
<td style="border-right: 1px solid #000" class="trow2 ogloszenia_tekst"><span class="tekst_blue">1</span> 2<a href="#">3</a>
</td>

<td style="border-left: 1px solid #393939;" class="trow2 ogloszenia_ikona"><i class="fa fa-shopping-cart"></i>
</td>
<td class="trow2 ogloszenia_tekst">1<span class="tekst_blue"> 2</span>
</td>
</tr>
</tbody>
</table>
<br class="clear">

<div class="sidebar" style="float: right; width: 19%">

<!-- 1 tabela kontaktu -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Kontakt do nas
</td>
</tr>

<tr>
<td class="trow1">
<center><span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()">
<i class="fa fa-user-secret" aria-hidden="true"></i>Prezes vMPK</span>
<br>
<span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i></i> Mati7026</span>
<br>
<i class="fa fa-envelope"></i> <a href="private.php?action=send&amp;uid=1">PW</a>
<br>
<img src="http://status.gadu-gadu.pl/users/status.asp?id=9441254&amp;styl=1" alt="Gadu-Gadu" border="0"><a href="gg:9441254"> 9441254</a>
</center>
</td>
</tr>
</table>
<!-- Koniec 1 tabeli kontaktu -->

<!-- Facebook poczatek -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Facebook
</td>
</tr>

<tr>
<td class="trow1">
<center>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-page" data-href="https://www.facebook.com/vmpkwroc/?fref=ts" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<blockquote cite="https://www.facebook.com/vmpkwroc/?fref=ts" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/vmpkwroc/?fref=ts">VMPK Wrocław</a>
</blockquote>s
</center>
</td>
</tr>
</table>
<!-- Koniec facebook -->

<!-- kierowcy poczatek -->
<!-- Facebook poczatek -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Facebook
</td>
</tr>

<tr>
<td class="trow1">
<center>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-page" data-href="https://www.facebook.com/vmpkwroc/?fref=ts" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
<blockquote cite="https://www.facebook.com/vmpkwroc/?fref=ts" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/vmpkwroc/?fref=ts">VMPK Wrocław</a>
</blockquote>
</div>
</center>
</td>
</tr>
</table>
<!-- Koniec facebook -->

<!-- kierowcy poczatek -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
FunPage kierowców
</td>
</tr>

<tr>
<td class="trow1">
<center>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-page" data-href="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
<blockquote cite="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Kierowca-vmpk-wroclaw-Mati7026-615323778559119/">Kierowca vmpk wroclaw - Mati7026</a>
</blockquote>
</div>
</center>
</td>
</tr>
</table>
<!-- Koniec kierowcy -->

<!-- ts3 poczatek -->
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
TeamSpeak3
</td>
</tr>

<tr>
<td class="trow1">
<center>
<a href="ts3server://78.42.57.156:9988">
<img src="https://www.multigaming.pl/server/41013/banner/160x220" border="0" width="160" height="220" alt="">
</a>
</center>
</td>
</tr>
</table>
<!-- Koniec ts3 -->
</div>
<div class="forum" style="float: left; width: 80%;">{$forums}</div>
<br class="clear" />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Kto jest online</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-child"></i>
</div>
</td>
</tr>
<tr>
<td class="trow1">
{$whosonline}
</td>
</tr>
</table>


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Statystyki</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-line-chart"></i>
</div>
</td>
</tr>
<tr>
<td class="trow1">
{$forumstats}
</td>
</tr>
</table>


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_2">
<strong>Grupy Użytkowników</strong>
<div class="float_right" style="padding-top: 3px;"><i class="fa fa-line-chart"></i>
</div>
</td>
</tr>
<tr>
<td class="trow1">
<span style="text-shadow: 1px 1px 15px #0066ff; color: #0066ff; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i></i> Prezes</span>
</a>
</div> |
<span style="text-shadow: 1px 1px 15px red; color: red; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i> Zastępca Prezesa</span>
</a>
</div> |
<span style="text-shadow: 1px 1px 15px green; color: green; font-weight: bold; background: url()"></i>
<i class="fa fa-user-secret" aria-hidden="true"></i></i> Kierownik Zajezdni</span>
</a>
</div> |
<span style="text-shadow: 1px 1px 10px #660000; font-weight: bold; color: #660000;"><strong>Rzecznik vMPK</strong></span> |
<span style="text-shadow: 1px 1px 10px #0066CC; font-weight: bold; color: #0066CC;"><strong>Kadrowy</strong></span> |
<span style="text-shadow: 1px 1px 10px Purple; font-weight: bold; color: Purple;"><strong>Dyspozytor</strong></span> |
<span style="text-shadow: 1px 1px 10px #00FF00; font-weight: bold; color: #00FF00;"><strong>Mechanik</strong></span> |
<span style="text-shadow: 1px 1px 10px #FF3366; font-weight: bold; color: #FF3366;"><strong>Nadzór Ruchu</strong></span> |
<span style="text-shadow: 1px 1px 10px orange; font-weight: bold; color: orange;"><strong>Księgowy</strong></span> |
<span style="text-shadow: 1px 1px 10px #6666FF; font-weight: bold; color: #6666FF;"><strong>Doświadczony Kierowca</strong></span> |
<span style="text-shadow: 1px 1px 10px blue; font-weight: bold; color: blue;"><strong>Kierowca</strong></span> |
<span style="text-shadow: 1px 1px 10px #236B8E;"><strong><img src="http://hostmat.eu/images/30686010008994567495.png">Donator</strong></span> |
<span style="color:black;font-weight: bold;">Pasażer</span> |
<s><span style=";color:#414141;">Zwolniony</span></s>|




</tr>
</table>

<br class="clear" /> {$footer}
</body>

</html>

Asia69

02.02.2017, 12:27
[attachment=11292]Działa ale teraz jest za wysoko troche :D

Poftorek

02.02.2017, 13:13
http://www.w3schools.com/tags/tag_br.asp przed sidebarem.

Asia69

02.02.2017, 20:36
To wtedy całe forum idzie w dół
Webboard > Wsparcie MyBB > Style, szablony i grafika > Sidebar na dole