Fork me on GitHub

Theme editing noob, article.html / centerblock.html  Bottom

  • I'm altering the subblack3d theme, and I have a question, I'm not an HTML expert, I altered the centerblock.html to widen and shorten the Administration message block. (At least that's all it seemed to effect) I want to know how to widen EVERY block that appears in that center column, there's too much space between the left...center...right to me more like left.center.right.

    Can anyone gimme insight into this, I would greatly appreciate it.

    Thank you.
  • On that theme, open centerblock.html and edit the main table width and set it to 90% width and centered.

    --
    Zikula Themes
  • Once again, sorry for my newbness, but which entry in the HTML is the main table one?

    Quote
















































  • Hi there,

    Where ever you see width=xx - these are the attributes you will need to change.

    Geez thats a hell of a lot of HTML for one block....

    REgards

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • Thank you I will give it a shot

    edit: I tried that, and it messed up some tables. I don't think he meant for me to change every width to 90%, unless I read it wrong
  • Replace ALL of that with

    Code

    <TABLE WIDTH=90% BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
      <TR>
            <TD WIDTH=20>
                <IMG SRC="{image-path}subblack3dcenter_01.gif" WIDTH=20 HEIGHT=20 ALT=""></TD>
           
        <TD background="{image-path}subblack3dcenter_02.gif" HEIGHT=20 ALT="" width="10"></TD>
           
        <TD align="center" background="{image-path}subblack3dcenter_04.gif" width="100%"></TD>
           
        <TD background="{image-path}subblack3dcenter_04.gif" HEIGHT=20 ALT="" width="10"></TD>
            <TD WIDTH=18>
                <IMG SRC="{image-path}subblack3dcenter_05.gif" WIDTH=18 HEIGHT=20 ALT=""></TD>
        </TR>
        <TR>
            <TD background="{image-path}subblack3dcenter_06.gif" WIDTH=20 HEIGHT=170 ALT=""></TD>
           
        <TD background="{image-path}subblack3dcenter_07.gif" HEIGHT=170 ALT="" width="10"></TD>
           
        <TD background="{image-path}subblack3dcenter_08.gif" HEIGHT=170 ALT="" align="center" valign="top" width="100%">
          <!-- [block-content] -->
        </TD>
           
        <TD background="{image-path}subblack3dcenter_09.gif" HEIGHT=170 ALT="" width="10"></TD>
            <TD background="{image-path}subblack3dcenter_10.gif" WIDTH=18 HEIGHT=170 ALT=""></TD>
        </TR>
        <TR>
            <TD WIDTH=20>
                <IMG SRC="{image-path}subblack3dcenter_11.gif" WIDTH=20 HEIGHT=48 ALT=""></TD>
           
        <TD background="{image-path}subblack3dcenter_12.gif" HEIGHT=48 ALT="" width="10"></TD>
           
        <TD align="center" background="{image-path}subblack3dcenter_14.gif" width="100%">
          <IMG SRC="{image-path}subblack3dcenter_13.gif" WIDTH=370 HEIGHT=48 ALT=""></TD>
           
        <TD background="{image-path}subblack3dcenter_14.gif" HEIGHT=48 ALT="" width="10"></TD>
            <TD WIDTH=18>
                <IMG SRC="{image-path}subblack3dcenter_15.gif" WIDTH=18 HEIGHT=48 ALT=""></TD>
        </TR>
    </TABLE>


    Remove the header and body lines too.

    --
    Zikula Themes
  • I just did that, and the admin message increased in width, but the news reports did not. If you wish to view it yourself, it's at www.houseinvisus.org
  • You said CENTER Blocks.
    Not summary. :)
    Replace summary.html with the following.

    Code

    <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td>
          <table width=100% border=0 cellpadding=0 cellspacing=0 align="center">
            <tr>
              <td width=60 align="left" height="30"><img src="{image-path}subblack3dsummary_01.gif" width=60 height=30 alt=""></td>
              <td background="{image-path}subblack3dsummary_02.gif" height=30 alt="" align="center">
                <!-- [cat-title] -->
              </td>
              <td width=128 height="30" align="right"> <img src="{image-path}subblack3dsummary_03.gif" width=128 height=30 alt=""></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          <table width=100% border=0 cellpadding=0 cellspacing=0 align="center">
            <tr>
              <td width="20"> <img src="{image-path}subblack3dsummary_04.gif" width=20 height=20 alt=""></td>
              <td background="{image-path}subblack3dsummary_05.gif" height=20 alt=""></td>
              <td width="28"> <img src="{image-path}subblack3dsummary_06.gif" width=28 height=20 alt=""></td>
            </tr>
            <tr>
              <td background="{image-path}subblack3dsummary_07.gif" width=20 height=160 alt=""></td>
              <td background="{image-path}subblack3dsummary_08.gif">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
                  <tr>
                    <td colspan="2">
                      <!-- [posted-by] -->
                      -
                      <!-- [posted-date-time] -->
                    </td>
                  </tr>
                  <tr>
                    <td align="center" valign="top" width="120"> <br>
                      <!-- [topic-image] -->
                    </td>
                    <td valign="top"> <br>
                      <!-- [article-summary] -->
                      <br>
                      <br>
                      <!-- [article-notes] -->
                    </td>
                  </tr>
                </table>
              </td>
              <td background="{image-path}subblack3dsummary_09.gif" width=28 height=160 alt=""></td>
            </tr>
            <tr>
              <td width="20"> <img src="{image-path}subblack3dsummary_10.gif" width=20 height=58 alt=""></td>
              <td background="{image-path}subblack3dsummary_11.gif" height=58 alt="" valign="top">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" height="50%">
                  <tr>
                    <td>
                      <!-- [article-reads] -->
                    </td>
                    <td align="right">
                      <!-- [article-more] -->
                    </td>
                  </tr>
                </table>
              </td>
              <td width="28"> <img src="{image-path}subblack3dsummary_12.gif" width=28 height=58 alt=""></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <BR />


    --
    Zikula Themes
  • Oh.. BTW.. I am Mars. :)

    --
    Zikula Themes
  • Erm, I'm a Sagittarius??

    (Just kidding hehe) Yeah I recognized who you were, when I first installed my board and I was looking for some themes, I saw you mention your site, you do good work, I only wish I could afford to have a custom one done. ;)

    And thanks for the help, the confusion lies with me not knowing what HTML was designated for what. Thank you again.

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