Fork me on GitHub

Horizontal Right Blocks  Bottom

  • Hey guys,
    I'm just experimenting a bit with my theme... I'm trying to get the right blocks to be above the news stories, going in a horizontal fashion. I was able to move the rightblock to be above the stories, but I dont know how to get them to go horizontally instead of vertically. Any help? BTW, this is a regular theme, not autotheme/xanthia.

    http://67.18.149.106/~renegad/index.php

    Here was the original chunk of code from theme.php:

    Code

    <tr>
        <td valign="top" colspan="2">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="10" valign="top" bgcolor="#CCCCCC" height="19"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td width="160" valign="top" bgcolor="#CCCCCC"><br><?blocks('left');?></td>
              <td width="10" valign="top" bgcolor="#CCCCCC"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td valign="top" bgcolor="#CCCCCC" align="center">
                <? if ($index == 1) blocks('centre');
    }

    function themefooter() {
        global $thename, $index, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
        $slogan = pnConfigGetVar('slogan');
    ?>

              </td>
              <? if ($index == 1) { ?>
              <td width="10" valign="top" bgcolor="#CCCCCC"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td width="160" valign="top" bgcolor="#CCCCCC"><br><? blocks('right'); } ?></td>
             
              <td width="10" valign="top" bgcolor="#CCCCCC"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
            </tr>
          </table>
        </td>
      </tr>


    and this is what i changed it to so that the right blocks would appear above the stories:

    Code

    <tr>
        <td valign="top" colspan="2">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <? if ($index == 1) { ?>
              <td width="10" valign="top" bgcolor="#CCCCCC"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td width="160" valign="top" bgcolor="#CCCCCC"><br><? blocks('right'); } ?></td></tr>
    <tr>
              <td width="10" valign="top" bgcolor="#CCCCCC" height="19"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td width="160" valign="top" bgcolor="#CCCCCC"><br><?blocks('left');?></td>



              <td width="10" valign="top" bgcolor="#CCCCCC"><img src="themes/RenegadeForces/images/spacer.gif" width="10" height="1"></td>
              <td valign="top" bgcolor="#CCCCCC" align="center">
                <? if ($index == 1) blocks('centre');
    }

    function themefooter() {
        global $thename, $index, $bgcolor1, $bgcolor2, $bgcolor3, $bgcolor4;
        $slogan = pnConfigGetVar('slogan');
    ?>

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


    Thanks
  • Code

    <div align="left">
      <table border="0" width="33%" height="151" align="left">
        <tr>
          <td width="33%" height="151"></td>
        </tr>
      </table>
      <table border="0" width="33%" height="151" align="left">
        <tr>
          <td width="33%" height="151"></td>
        </tr>
      </table>
      <table border="0" width="33%" height="151" align="left">
        <tr>
          <td width="33%" height="151"></td>
        </tr>
      </table>
    </div>



    Insert your block info between the tags. Make sure your with is set to 33% for each block!

    Hope it helps,

    Jorge
  • Hm, I'm no HTML king, so it would help if there was an example or something :/

    OK, so what do I need to put in these blocks? I would assume I put the blocks('right') in them, but wont that just output 3 columns of the same block? Like would I have to do blocks('right1'), blocks('right2'), and blocks('right3')?

    Help please, thanks again.
  • Or in the tag for you block in themesideblock(), make it inline. Example:



    -SHawn

    --
    Get the Revolutionary AutoTheme HTML Theme System! Currently for Zikula, PHP-Nuke, CRE Loaded, osCommerce and Wordpress!

This list is based on users active over the last 60 minutes.