Webboard

Pełna wersja: "Bałagan" w Index
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.8
adres forum:ts-play.com.pl
na czym polega problem (screen, opis, komunikaty):
w index mam straszny bałagan, trochę to zaniedbałem, za dużo div'ów itd... próbowałem sam to zrobić ale albo coś sie nie wyświetlało albo ucinało pół forum etc...

mój index
Kod:
<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}
{$serversboard_index}
{$dvz_shoutbox}    
<div class="sidebar" style="float: right; width: 250px;">

    <script type="text/javascript">
    jQuery(function(){
        jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
    });
    </script>
  
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>

<td class="thead" colspan="2">

Kontakt z Administracją

<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['fb']}.png" id="c_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
<tbody style="{$collapsed['c_e']}" id="c_e">
<tr>
<td class="trow2">

    <center><span style="text-shadow: 1px 1px 10px #ff0000; color: #ff0000; font-weight: bold"><strong> Tysiek - Serwer</strong></span>
    <div style="text-align:center;"><a href="gg:#"><a href="gg:52590779"><img src="http://www.gadu-gadu.pl/users/status.asp?id=52590779&styl=4" border="0" alt="GG: 52590779"></a></br>
<div align="CENTER"><strong><span style="color: #ff0000">[</span><span style="color: ffdb00">GG:</span>52590779<span style="color: #ff0000">]</span></strong></div>
        </br>
        <center><span style="text-shadow: 1px 1px 10px #F09B00; color: #F09B00; font-weight: bold"><strong> QurczaX - Forum</strong></span>
    <div style="text-align:center;"><a href="gg:52510466"><img src="http://www.gadu-gadu.pl/users/status.asp?id=52510466&styl=4" border="0" alt="GG: 52510466"></a></br>
        <div align="CENTER"><strong><span style="color: #ff0000">[</span><span style="color: ffdb00">GG:</span>52510466<span style="color: #ff0000">]</span></strong></div>
</td>
</tr>    
</div>    
    
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>

<td class="thead" colspan="2">

Facebook

<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['fb']}.png" id="fb_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
<tbody style="{$collapsed['userclass_e']}" id="fb_e">
<tr>
<td class="trow2">

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FTs-Playcompl%2F150618811794471&amp;width=250&amp;height=350&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height: 300px;width: 230px;" allowTransparency="true"></iframe>

</td>
</tr>
</div>
        </br>    
    
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
        <tr>
            <td class="thead">
                <div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="ths_img" class="expander" alt="[-]" title="[-]" /></div>
                    <strong>{$lang->xstyled_latestactivity}</strong>
            </td>
        </tr>
        <tr>
            <td style="{$collapsed['ths_e']} padding: 0;" id="ths_e">
                <div class="latestthreads float_left"></div>
            </td>
        </tr>
    </table>
      <div class="theadend"></div>
        </br>
</div>
  
<div class="forums" style="float: left; width: 724px;">
    {$forums}
</div>

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<td class="thead" style="text-align:left;"><strong>Partnerzy</strong>
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['partnerzy']}.png" id="partnerzy_img" class="expander" alt="[-]" title="[-]" /></div>
<tr>
</td>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<tbody style="{$collapsed['partnerzy_e']}" id="partnerzy_e">
<td width="50%" class="trow1" style="text-align:center;"><a href="http://advertgame.pl"><img src="http://advertgame.pl/images/baner.gif" alt="ADVERTGAME.PL - reklama serwerów Counter Strike, reklama serwerów Minecraft, reklama hostingów gier multiplayer, reklama hostingów www, reklama serwerów głosowych - advertgame.pl" title="ADVERTGAME.PL - reklama serwerów Counter Strike, reklama serwerów Minecraft, reklama hostingów gier multiplayer, reklama hostingów www, reklama serwerów głosowych - advertgame.pl"/></a>
</td>
<td width="50%" class="trow1" style="text-align:center;"><a href="ts3server://80.72.41.101?port=9069"><img src="http://i.imgur.com/oDDq8v7.png" alt="-TS-PLAY.PL " title="TS-PLAY ~ Najlepszy serwer TS3"/></a>
</td>
</tr>
<tr>
<td width="50%" class="trow1" style="text-align:center;"><a href="http://reklamus.xaa.pl"><img src="http://reklamus.xaa.pl/images/banner.png" alt="REKLAMUS.PL" title="REKLAMUS - Wyreklamuj się!" /></a>
</td>
<td width="50%" class="trow1" style="text-align:center;"><a href="https://webboard.pl"><img src="https://webboard.pl/grafa/bn/bn_2.png" title="Oficjalny Support MyBB w Polsce" /></a>
</td>
</table>
    </br>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2">
Grupy użytkowników
<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['userclass']}.png" id="userclass_img" class="expander" alt="[-]" title="[-]" /></div>
</td>
</tr>
<tbody style="{$collapsed['userclass_e']}" id="userclass_e">
<tr>
<td class="trow2">
    <h2><center><span style="text-shadow: 1px 1px 10px #ff0000; color: #ff0000; font-weight: bold"><strong>RooT </strong></span>|
<span style="text-shadow: 1px 1px 10px #F09B00; color: #F09B00; font-weight: bold"><strong> Super Server Admin </strong></span>|
<span style="text-shadow: 1px 1px 10px #ffc700; color: #ffc700; font-weight: bold"><strong> Server Admin </strong></span>|
<span style="text-shadow: 1px 1px 10px #00ec28; color: #00ec28; font-weight: bold"><strong> New Admin </strong></span>|
<span style="text-shadow: 1px 1px 10px #00FFFF; color: #00FFFF; font-weight: bold"><strong> Super VIP </strong></span>|
<span style="text-shadow: 1px 1px 10px #0078ff; color: #0078ff; font-weight: bold"><strong> VIP </strong></span>|
<span style="text-shadow: 1px 1px 10px #c0c0c0; color: #c0c0c0; font-weight: bold"><strong> Użytkownik </strong></span>|
<span style="text-shadow: 1px 1px 10px #3e3e3e; color: #3e3e3e; font-weight: bold; text-decoration: line-through;"><strong> Zbanowany </strong></span></center></h2>
</table>
</div>
    </br>

<br class="clear" /><br />
    
{$footer}
</body>
</html>
Poprawiłem trochę
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}
    {
$serversboard_index}
    {
$dvz_shoutbox}    
    <
div class="sidebar" style="float: right; width: 250px;">

        <
script type="text/javascript">
            
jQuery(function(){
                
jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
            });
        </
script>
      
        <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
            <
tr>
                <
td class="thead" colspan="2">
                    
Kontakt z Administracją
                    
<div class="expcolimage">
                        <
img src="{$theme['imgdir']}/collapse{$collapsedimg['fb']}.png" id="c_img" class="expander" alt="[-]" title="[-]" />
                    </
div>
                </
td>
            </
tr>
            <
tbody style="{$collapsed['c_e']}id="c_e">
                <
tr>
                    <
td class="trow2">
                        <
center>
                            <
span style="text-shadow: 1px 1px 10px #ff0000; color: #ff0000; font-weight: bold">
                                <
strongTysiek Serwer </strong>
                            </
span>
                        </
center>
                        <
div style="text-align:center;">
                            <
a href="gg:52590779">
                                <
img src="http://www.gadu-gadu.pl/users/status.asp?id=52590779&styl=4" border="0" alt="GG: 52590779">
                            </
a>
                            </
br>
                        </
div>
                        <
div align="CENTER">
                            <
strong>
                                <
span style="color: #ff0000">[</span>
                                <
span style="color: ffdb00">GG:</span>
                                
52590779
                                
<span style="color: #ff0000">]</span>
                            </
strong>
                        </
div>
                        </
br>
                        <
center>
                            <
span style="text-shadow: 1px 1px 10px #F09B00; color: #F09B00; font-weight: bold">
                                <
strongQurczaX Forum </strong>
                            </
span>
                        </
center>
                        <
div style="text-align:center;">
                            <
a href="gg:52510466">
                                <
img src="http://www.gadu-gadu.pl/users/status.asp?id=52510466&styl=4" border="0" alt="GG: 52510466">
                            </
a>
                            </
br>
                        </
div>
                        <
div align="CENTER">
                            <
strong>
                                <
span style="color: #ff0000">[</span>
                                <
span style="color: ffdb00">GG:</span>
                                
52510466
                                
<span style="color: #ff0000">]</span>
                            </
strong>
                        </
div>
                    </
td>
                </
tr>
            </
tbody>
        </
table>   
        
        <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
            <
tr>
                <
td class="thead" colspan="2">
                    
Facebook
                    
<div class="expcolimage">
                        <
img src="{$theme['imgdir']}/collapse{$collapsedimg['fb']}.png" id="fb_img" class="expander" alt="[-]" title="[-]" />
                    </
div>
                </
td>
            </
tr>
            <
tbody style="{$collapsed['userclass_e']}id="fb_e">
                <
tr>
                    <
td class="trow2">
                        <
iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​pages%2FTs-Playcompl%2F150618811794471&amp;width=250&amp;height=350&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height: 300px;width: 230px;" allowTransparency="true"></iframe>
                    </
td>
                </
tr>
            </
tbody>
        </
table>   
        
        <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
            <
tr>
                <
td class="thead">
                    <
div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="ths_img" class="expander" alt="[-]" title="[-]" /></div>
                        <
strong>
                            {
$lang->xstyled_latestactivity}
                        </
strong>
                </
td>
            </
tr>
            <
tr>
                <
td style="{$collapsed['ths_e']} padding: 0;" id="ths_e">
                    <
div class="latestthreads float_left"></div>
                </
td>
            </
tr>
        </
table>
        <
div class="theadend"></div>
        </
br>
    </
div>
      
    <
div class="forums" style="float: left; width: 724px;">
        {
$forums}
    </
div>

    <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
        <
tr>
            <
td class="thead" style="text-align:left;">
                <
strongPartnerzy </strong>
                <
div class="expcolimage">
                    <
img src="{$theme['imgdir']}/collapse{$collapsedimg['partnerzy']}.png" id="partnerzy_img" class="expander" alt="[-]" title="[-]" />
                </
div>
            </
td>
        <
tr>
    </
table>
    
    <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
        <
tbody style="{$collapsed['partnerzy_e']}id="partnerzy_e">
            <
tr>
                <
td width="50%" class="trow1" style="text-align:center;">
                    <
a href="http://advertgame.pl">
                        <
img src="http://advertgame.pl/images/baner.gif" alt="ADVERTGAME.PL - reklama serwerów Counter Strike, reklama serwerów Minecraft, reklama hostingów gier multiplayer, reklama hostingów www, reklama serwerów głosowych - advertgame.pl" title="ADVERTGAME.PL - reklama serwerów Counter Strike, reklama serwerów Minecraft, reklama hostingów gier multiplayer, reklama hostingów www, reklama serwerów głosowych - advertgame.pl"/>
                    </
a>
                </
td>
                <
td width="50%" class="trow1" style="text-align:center;">
                    <
a href="ts3server://80.72.41.101?port=9069">
                        <
img src="http://i.imgur.com/oDDq8v7.png" alt="-TS-PLAY.PL " title="TS-PLAY ~ Najlepszy serwer TS3"/>
                    </
a>
                </
td>
            </
tr>
            <
tr>
                <
td width="50%" class="trow1" style="text-align:center;">
                    <
a href="http://reklamus.xaa.pl">
                        <
img src="http://reklamus.xaa.pl/images/banner.png" alt="REKLAMUS.PL" title="REKLAMUS - Wyreklamuj się!" />
                    </
a>
                </
td>
                <
td width="50%" class="trow1" style="text-align:center;">
                    <
a href="https://webboard.pl">
                        <
img src="https://webboard.pl/grafa/bn/bn_2.png" title="Oficjalny Support MyBB w Polsce">
                    </
a>
                </
td>
            </
tr>
        </
tbody>
    </
table>
     
    </
br>
    <
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
        <
tr>
            <
td class="thead" colspan="2">
                
Grupy użytkowników
                
<div class="expcolimage">
                    <
img src="{$theme['imgdir']}/collapse{$collapsedimg['userclass']}.png" id="userclass_img" class="expander" alt="[-]" title="[-]" />
                </
div>
            </
td>
        </
tr>
        <
tbody style="{$collapsed['userclass_e']}id="userclass_e">
            <
tr>
                <
td class="trow2">
                    <
h2>
                        <
center>
                            <
span style="text-shadow: 1px 1px 10px #ff0000; color: #ff0000; font-weight: bold">
                                <
strongRooT </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #F09B00; color: #F09B00; font-weight: bold">
                                <
strongSuper Server Admin </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #ffc700; color: #ffc700; font-weight: bold">
                                <
strongServer Admin </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #00ec28; color: #00ec28; font-weight: bold">
                                <
strong> New Admin </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #00FFFF; color: #00FFFF; font-weight: bold">    
                                <
strongSuper VIP </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #0078ff; color: #0078ff; font-weight: bold">
                                <
strongVIP </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #c0c0c0; color: #c0c0c0; font-weight: bold">
                                <
strongUżytkownik </strong>
                            </
span>
                            |
                            <
span style="text-shadow: 1px 1px 10px #3e3e3e; color: #3e3e3e; font-weight: bold; text-decoration: line-through;">
                                <
strongZbanowany </strong>
                            </
span>
                        </
center>
                    </
h2>
                </
td>
            </
tr>
        </
tbody>
    </
table>
     
    <
br>
    <
br class="clear"/>
    <
br>   
    {
$footer}
</
body>
</
html
Mam problem, nie wyświetla mi się DVZ Shoutbox... nie wiem dlaczego tak sie stało :(
///
Co odpowiada za to czy collapse jest domyślnie otwarty i zamknięty?
///
Tabele są porozdzielane, dodałem
Kod:
<br>
w niektórych miejscach ale i tak wygląda to zbyt jednolicie. Odkryłem "separator" który kryje się pod kodem
Kod:
<div class="theadend"></div>
Lecz gdziekolwiek go umieszczę wychodzi w złym miejscu.

Niżej wygląd separatora:
[Obrazek: 10hYHKp.png]