kunzite (kunzite1) wrote in component_help,
kunzite
kunzite1
component_help

making component "seamless"

in response to boyinlove's post.
add the following to Page::print_custom_head():
.ltLine, .medLine, .dkLine, .header, .entryHolderBg, .entryDash, .entry, .compBg, .calendarActive, .calendarInactive {
  background-color: $*header_bgcolor;
}
.header {
  background-image:url();
}

at the end of print_entry() comment out the red line:
  # End the entry component and put a spacer after it so that entry components are seperated.
  """</tr></td></table>""";
  print_system_box_bottom();
#  """ <div><img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="3" alt="" border="0"></div> """;

} # end of Function print_entry

in print_comp_footer() use an html comment to remove the red line:
function print_comp_footer() {
"""
    </div></td>
    <td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
    <td class="dkLine" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <tr>
    <td class="dkLine" colspan="8"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
  </tr>
  <!--<tr>
    <td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
  </tr> -->
""";
}

grab square components and do this:
print_my_entries():
the end of header_box_close should look like:
<!--<tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>--></table>""";

print_nav_comp():
the end of nav_box_close should look like:
<!--<tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>-->""";

page_layout():
add the green:
  if($k1Swidth != "") {
    """<table cellpadding="0" cellspacing="0" style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";
  }
and the 2nd half of the function looks like:
  # Print a spacer at the top of the page above the components and main area.
#  """<div><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";

  # Start the table which lays out the components and main area in side-by-side layout
  """
  <table cellspacing="0" cellpadding="0" valign="top">
    <tr valign="top" width="100%">
<!--      <td width="3">
        <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td> -->
  """;
  
  # If the components are supposed to be on the left side of the page, then print them, followed by a column
  # with a spacer which is to seperate the components and the main area.
  if ($*comp_state == "left") {
    print_my_components($p);
    """
<!--    <td width="3">
      <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
    </td> -->
    """;
  }

  # Print the main area of the page.
  print_my_entries($p, $title);


  # If the components are supposed to be on the right side of the page, then first print a column with a spacer 
  # and then print the components after the spacer. 
  if ($*comp_state == "right") {
    """
<!--    <td width="3">
      <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
    </td> -->
    """;
    print_my_components($p);
  }

  # Finish off the table for the body
  """
<!--      <td width="3">
        <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td> -->
    </tr>
  </table>
  """;

  if($k1Swidth != "") {
    """</td></tr></table>""";
  }

  # End the body section and end the html document
  """
  </body>
  </html>
  """;
}
Tags: class: page, function: page_layout, function: print_comment_footer, function: print_custom_head, function: print_entry, function: print_my_entries, function: print_nav_comp, user: kunzite1
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 91 comments