Zzyzx Wolfe (zzyzx) wrote in component_help,
Zzyzx Wolfe
zzyzx
component_help

  • Mood:
  • Music:

Wee.

The following is in proper XHTML. ^^; Also, you'll want to add body {padding: 0px; margin: 0px} to your CSS.



function page_layout(Page p) {
  # Set this to the width that you want both the navbar (if it exists) and the whole journal to be
  # may be percentage (70%) or number of pixels (700).
  var string k1Swidth = "70%";

  # Start the html document and print the head section which controls the page title, stylesheet information,
  # server supplied head content, and custom header informtion from the print_custom_head function.
  var string title = $p->title();
  """
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css" />
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  # Start the body section of the html document which controls the visible parts of the page.
  """<body>""";

  # If you want a picture to be at the top of your journal, edit and decomment this section.
  # """<div align="center"><img src="url here" alt="caption here" title="caption here too" /></div>""";

  # Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override
  # the page_layout() function, and should be placed immediately after the <body> tag above.
  # if you want the navbar text to be aligned something other than left, change it here
  if (not $*comp_navbar or $*comp_state=="none") {
    """    <div class="header" """;
    if ($k1Swidth != ""){
    """style="width:$k1Swidth; text-align:left;" """;
    }
    """>""";
    print """<span class="header-item"><a href="$p.view_url{"recent"}">$*nav_entries_text</a></span>""";
    print """<span class="header-item"><a href="$p.view_url{"friends"}">$*nav_friends_text</a></span>""";
    print """<span class="header-item"><a href="$p.view_url{"archive"}">$*nav_calendar_text</a></span>""";
    print """<span class="header-item"><a href="$p.view_url{"userinfo"}">$*nav_info_text</a></span>""";
    if ($p.journal.website_url != "") {
        print """<span class="header-item"><a href="$p.journal.website_url">$p.journal.website_name</a></span>""";
    }
    $p->lay_viewspec_nav();  # prints previous / next links including arrow images
    """
    </div>
    """;
  }

  # Print a spacer at the top of the page above the components and main area.
  """<div><img src="http://www.livejournal.com/palimg/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
  # and apply the width of the page
  """
  <table width="$k1Swidth" cellspacing="0" cellpadding="0">
    <tr valign="top">
      <td width="3">
        <img src="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td>
    </tr>
  </table>
  """;

  # End the body section and end the html document
  """
  </body>
  </html>
  """;
}

I'd have posted this as a comment, but it's huge. ^^;
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 7 comments