Webboard

Pełna wersja: Jak zrobić panel boczny?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.15
adres forum: www.cs-atom.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): jak zrobic taki panel boczny jak na www.cs-turbo.xaa.pl
Bo mi jakos ten panel boczny nie wychodzi sa nie równosci i tp

Prosze o pomoc

Moj index

Kod PHP:
<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}
{
$ps_header_index}

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

<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <
tr>
    <
td  class="tcat">
<
b>Kontakt z Administracją </b>



    </
td>
    </
tr>
    <
tr>
    <
td style="background: #1a1a1a; padding: 8px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; ">


<
tr>
<
td class="trow1">
<
center><b><span class="inf_bg" style="background-color: rgb(226, 24, 24);color:white;">Administracja</span></b><br>
<
br /><br />
<
strong><a href="http://blantstrike.pl/member.php?action=profile&uid=1"><b><font color="red"><span style="color: red;text-shadow: 2px 2px 8px red;background;">Pan*</span></font></b></a><br />
<
b>GG:47469234</b><br />
<
img src="http://status.gadu-gadu.pl/users/status.asp?id=38494786&amp;styl=3"><br>
</
center><br /><br />
</
td>
</
tr>
</
tbody></table><br />
{
$tpt}<br>
{
$steamgroup}<br>
<
table border="0" cellspacing="0" cellpadding="6" class="tborder">
<
tr>
<
td class="belka_spark" colspan="1">
<
div class="expcolimage"><img src="images/sidebox//collapse{$collapsedimg['last_threads']}.gif" id="last_threads_img" class="expander" alt="[-]" /></div>
<
div><strong><span style="text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;  font-size: 13px;    font-weight: bold;color: #fff;"><img src="images/link.png" style="margin-right: 7px;float: left;">Szybkie Linki</span></strong></div>
</
td>
            </
tr>
<
td class="trow1">
<
center>

<
span class="inf_bg" style="background-color:green;color:white;">Ogłoszenia</span><br /><br />

<
a style="font-size: 23px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://cs-atom.xaa.pl/forumdisplay.php?fid=77">Regulaminy Cs-Atom</a>
<
p style="line-height:10px; color: #8A8A8A;">Dowiedz się więcej!</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/forumdisplay.php?fid=31">Odowłania</a>
<
p style="line-height:10px; color: #8A8A8A;">Wstaw Screenytutaj !</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/amxbans/ban_list.php">AmxBans</a>
<
p style="line-height:10px; color: #8A8A8A;">Sprawdź czy nie masz bana!</p>
</
center>

<
header class="thead">Promuj Nas!</header>
<
div class="panel_01" style="padding: 0 10px 10px 10px; background: #3c312b;">
<
div class="trow1" style="text-align:center;"><br/><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcsatomxaapl&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:235px; height:400px;" allowTransparency="true"></iframe></div>
</
div>
<
center>

{
$topStats['LastThreads']} - ostatnie tematy
{$topStats['MostViews']} - najczęściej wyświetlane tematy
{$topStats['Posters']} - użytkownicy z największą ilością tematów
{$topStats['Reputation']} - użytkownicy z największą reputacją
{$topStats['Timeonline']} - użytkownicy z najdłuższym czasem online
{$topStats['NewestUsers']} - najnowsi użytkownicy

</center>

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

{
$recenttopics}





 </
div>
 <
div class="forums" style="float: left;width: 81%;">
<
div id="index_forums">{$custom_status_index}

{
$dvz_shoutbox}
{
$forums}
<
br>
</
div>
 </
div>
<
br class="clearboth">
{
$boardstats}

{
$footer}
</
body>
</
html

Salvation

Jak Ty chcesz panel boczny umieścić w?
Kod:
<center>
mam panel boczny tylko on jest rozsypany zobacz sam www.cs-atom.xaa.pl
Spróbuj tego:
Kod PHP:
<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}
{
$ps_header_index}

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

<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <
tr>
    <
td  class="tcat">
<
b>Kontakt z Administracją </b>



    </
td>
    </
tr>
<
tr>
<
td class="trow1">
<
center><b><span class="inf_bg" style="background-color: rgb(226, 24, 24);color:white;">Administracja</span></b><br>
<
br /><br />
<
strong><a href="http://blantstrike.pl/member.php?action=profile&uid=1"><b><font color="red"><span style="color: red;text-shadow: 2px 2px 8px red;background;">Pan*</span></font></b></a><br />
<
b>GG:47469234</b><br />
<
img src="http://status.gadu-gadu.pl/users/status.asp?id=38494786&amp;styl=3"><br>
</
center><br /><br />
</
td>
</
tr>
</
tbody></table><br />
{
$tpt}<br>
{
$steamgroup}<br>

<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <
tr>
    <
td  class="tcat">
<
span style="text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;  font-size: 13px;    font-weight: bold;color: #fff;"><img src="images/link.png" style="margin-right: 7px;float: left;">Szybkie Linki</span></strong>
    </
td>
    </
tr>
            <
tr>
<
td class="trow1">
<
center>

<
span class="inf_bg" style="background-color:green;color:white;">Ogłoszenia</span><br /><br />

<
a style="font-size: 23px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://cs-atom.xaa.pl/forumdisplay.php?fid=77">Regulaminy Cs-Atom</a>
<
p style="line-height:10px; color: #8A8A8A;">Dowiedz się więcej!</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/forumdisplay.php?fid=31">Odowłania</a>
<
p style="line-height:10px; color: #8A8A8A;">Wstaw Screenytutaj !</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/amxbans/ban_list.php">AmxBans</a>
<
p style="line-height:10px; color: #8A8A8A;">Sprawdź czy nie masz bana!</p>
</
center>
</
td></tr>
</
table>
<
header class="thead">Promuj Nas!</header>
<
div class="panel_01" style="padding: 0 10px 10px 10px; background: #3c312b;">
<
div class="trow1" style="text-align:center;"><br/><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​csatomxaapl&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:235px; height:400px;" allowTransparency="true"></iframe></div>
</
div>
<
center>

{
$topStats['LastThreads']} <br />
{
$topStats['MostViews']} <br />
{
$topStats['Posters']} <br />
{
$topStats['Reputation']} <br />
{
$topStats['Timeonline']} <br />
{
$topStats['NewestUsers']} <br />

</
center>

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

{
$recenttopics}





 </
div>
 <
div class="forums" style="float: left;width: 81%;">
<
div id="index_forums">{$custom_status_index}

{
$dvz_shoutbox}
{
$forums}
<
br>
</
div>
 </
div>
<
br class="clearboth">
{
$boardstats}

{
$footer}
</
body>
</
html
Teraz to juz calkowicie zle zobacz sam www.cs-atom.xaa.pl
Hm, jeszcze jest fragment do usunięcia, więc zrób tak:
Kod PHP:
<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}
{
$ps_header_index}

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

<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <
tr>
    <
td  class="tcat">
<
b>Kontakt z Administracją </b>



    </
td>
    </
tr>
<
tr>
<
td class="trow1">
<
center><b><span class="inf_bg" style="background-color: rgb(226, 24, 24);color:white;">Administracja</span></b><br>
<
br /><br />
<
strong><a href="http://blantstrike.pl/member.php?action=profile&uid=1"><b><font color="red"><span style="color: red;text-shadow: 2px 2px 8px red;background;">Pan*</span></font></b></a><br />
<
b>GG:47469234</b><br />
<
img src="http://status.gadu-gadu.pl/users/status.asp?id=38494786&amp;styl=3" /><br>
</
center><br /><br />
</
td>
</
tr>
</
table><br />
{
$tpt}<br />
{
$steamgroup}<br />

<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <
tr>
    <
td  class="tcat">
<
span style="text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;  font-size: 13px;    font-weight: bold;color: #fff;"><img src="images/link.png" style="margin-right: 7px;float: left;">Szybkie Linki</span></strong>
    </
td>
    </
tr>
            <
tr>
<
td class="trow1">
<
center>

<
span class="inf_bg" style="background-color:green;color:white;">Ogłoszenia</span><br /><br />

<
a style="font-size: 23px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://cs-atom.xaa.pl/forumdisplay.php?fid=77">Regulaminy Cs-Atom</a>
<
p style="line-height:10px; color: #8A8A8A;">Dowiedz się więcej!</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/forumdisplay.php?fid=31">Odowłania</a>
<
p style="line-height:10px; color: #8A8A8A;">Wstaw Screenytutaj !</p>
<
p style="color:#8A8A8A;">___________________</p><br>

<
a style="font-size: 25px; color: #FFFFFF; font-weight: bold; font-family: comic;" class="mod" href="http://blantstrike.pl/amxbans/ban_list.php">AmxBans</a>
<
p style="line-height:10px; color: #8A8A8A;">Sprawdź czy nie masz bana!</p>
</
center>
</
td></tr>
</
table>
<
header class="thead">Promuj Nas!</header>
<
div class="panel_01" style="padding: 0 10px 10px 10px; background: #3c312b;">
<
div class="trow1" style="text-align:center;"><br/><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​​csatomxaapl&width&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:235px; height:400px;" allowTransparency="true"></iframe></div>
</
div>
<
center>

{
$topStats['LastThreads']} <br />
{
$topStats['MostViews']} <br />
{
$topStats['Posters']} <br />
{
$topStats['Reputation']} <br />
{
$topStats['Timeonline']} <br />
{
$topStats['NewestUsers']} <br />

</
center>

{
$recenttopics}

 </
div>
 <
div class="forums" style="float: left;width: 81%;">
<
div id="index_forums">{$custom_status_index}

{
$dvz_shoutbox}
{
$forums}
<
br>
</
div>
 </
div>
<
br class="clearboth">
{
$boardstats}

{
$footer}
</
body>
</
html
Lecz dodają Ci się znaki specjalne HTML, więc tego kod podany przeze mnie wklej najpierw do Notepad++ potem dopiero do szablonu na stronie.
i co mam w tym Notepad++ zrobic ??
Ten kod:

CTRL + V, CTRL + A, CTRL + X , teraz wklej do szablonu.