Webboard

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

Qurczax_

17.04.2015, 21:29
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>

Matslom

17.04.2015, 22:03
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">
                                <strong> Tysiek - 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">
                                <strong> QurczaX - 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;">
                <strong> Partnerzy </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">
                                <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>
                </td>
            </tr>
        </tbody>
    </table>
     
    <br>
    <br class="clear"/>
    <br>   
    {$footer}
</body>
</html> 

Qurczax_

18.04.2015, 07:41
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]
Webboard > Wsparcie MyBB > Style, szablony i grafika > "Bałagan" w Index