Zikula Community

• **unknown user**
  
  

  • Rank: Helper
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 842

  Posted: Jul 12, 2004 - 02:04 AM

  I am using a theme custom built for my site and am just starting to dig into modifying it. I'm sure I'll have many questions over the next few weeks, but this one is one I am hung up on.
  
  I would like to have an image that begins in the upper right hand corner and proceeds to the upper left, then down the left hand side of the page. Placing it on the top is easy enough in the theme.php (I have a seperate file I am including before PN draws it's content), but placing the second piece of the image (that goes behind the left column blocks) is proving difficult.
  
  Does anyone have any suggestions? I suppose I should use Xanthia, but I want to wait until .750 is in it's final release before I move in that direction.

  • 
  •  
• MMaynard
  
  

  • Rank: Expert
  • Registered: Mar 15, 2003
  • Last visit: Oct 21, 2009
  • Posts: 1221

  Posted: Jul 12, 2004 - 02:15 AM

  The way I do it is have a seperate table for the header and the body.
  The body usually ends up being a 2 column table width 100%.
  
  The left TD gets the repeating background image with a fixed width large enough to handle any expansion by the left blocks.
  
  The right TD then gets another table put in it to contain any modules, center blocks, right blocks etc.
  
  --
  Zikula Themes

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 204

  Posted: Jul 12, 2004 - 09:48 AM

  I have thought about having a theme like that.. let us know if you get it going spire!

  • 
  •  
• spadata1
  
  

  • Rank: Softmore
  • Registered: Dec 31, 1969
  • Last visit: Oct 21, 2009
  • Posts: 141

  Posted: Jul 12, 2004 - 01:15 PM

  For a FIXED background image (the picture stays as is & centered while you scroll up/down....
  
  

  Code

  BODY        {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; background: #000000 url("http://www.starlessallstars.com/themes/AT-IceCold/images/bg.jpg"); background-repeat: no-repeat; background-position: center; background-attachment: fixed}

  
  
  You notice my choice of a background color, here it is black that will blend in with the background picture if someone uses more than a 1024 wide screen size
  
  http://www.starlessallstars.com
  
  8)

  • 
  •  
• Lobos
  
  

  • Rank: Expert
  • Registered: Dec 02, 2002
  • Last visit: Apr 30, 2010
  • Posts: 1474

  Posted: Jul 13, 2004 - 03:39 PM

  Hi there,
  
  Try this:
  
  

  Code

  <table style="width:100%;border:0px;" cellspacing="0" cellpadding="0">
    <tr style="vertical-align:top;">
      <td>
      In here you would have the image for the left corder
      </td>
      <td style="width:100%;background-image:url(image.gif);">
      here you would have the image that would expand
         
      </td>
      <td>
      here you would have the right corner
         
      </td>
    </tr>
  </table>
  <table style="width:100%;border:0px;" cellspacing="0" cellpadding="0">
    <tr style="vertical-align:top;">
      <td>
      here you would have the image for the below left hand corner    
         
      </td>
      <td style="width:100%;">
  
          And here would be your theme
         
      </td>
    </tr>
  </table>

  
  
  _____________________________
  | left corner | expand image |right corner|
  -------------------------------------------------
  |below left | theme here |
  -------------------------------------------------
  
  Regards
  Lobos
  
  --
  -Lobos
  Professional PHP Framework Services: Concept, Development and Deployment

  • 
  •  
•  
•  

Users on-line

• mdee,
• mesteele101

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