Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak przenieść shoutbox "do środka"

Założony przez  HearMe.

14.03.2015, 19:18
#1
wersja skryptu MyBB: 1.8.3
adres forum: obojetni.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Otóż chciałbym przenieść shoutbox "do środka" jak na screenie.

Mam tak:
[Obrazek: 6j2XaSH.png]

A chciałbym mieć tak:
[Obrazek: li6LFvt.png]

I jeszcze gdyby można było zrobić większą przerwę między panelami bocznymi a forami.

Mój szablon 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}
     {$dvz_shoutbox}
<div class="sidebar" style="float: left; 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">
               <strong>Informacje</strong>
             </td>
          </tr>
        <tr>
          <td>Info.
          </td>
        </tr>
    </table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
        <tr>
             <td class="thead">
               <strong>Kalkulator</strong>
             </td>
          </tr>
        <tr>
          <td>
Kalkulator.
          </td>
        </tr>
    </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}Ostatnia aktywność</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>

</div>

<div class="forums" style="float: left; width: 700px;">
    {$forums}
</div>
  
<br class="clear" /><br />
{$boardstats}
  </br></br>
{$footer}
</body>
</html> 
14.03.2015, 19:21
#2
{$dvz_shoutbox} przenies nad {$forums}
14.03.2015, 19:22 (Ten post był ostatnio modyfikowany: 14.03.2015, 19:24 przez Ardex.)
#3
Spróbuj tak
<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}
     <span style="float: right; width: 700px;">{$dvz_shoutbox}</span>
<div class="sidebar" style="float: left; 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">
               <strong>Informacje</strong>
             </td>
          </tr>
        <tr>
          <td>Info.
          </td>
        </tr>
    </table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
        <tr>
             <td class="thead">
               <strong>Kalkulator</strong>
             </td>
          </tr>
        <tr>
          <td>
Kalkulator.
          </td>
        </tr>
    </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}Ostatnia aktywność</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>

</div>

<div class="forums" style="float: right; width: 700px;">
    {$forums}
</div>
  
<br class="clear" /><br />
{$boardstats}
  </br></br>
{$footer}
</body>
</html> 

Jak nie zadziała to wklej tutaj zawartość szablonu dvz_shoutbox (znajduje się on chyba w szablonach globalnych)
14.03.2015, 19:33
#4
Działa, dzięki. :)



Użytkownicy przeglądający ten wątek: