Coding difficulties: component_help

I've been using s2 for a short while now and have pretty much managed to figure most things out myself with the help of the wonderful tutorials on this site. I've just recently made over my journal, and am still experiencing difficulty with getting my navigation bar rounded.

I've been attempting to use

masterslacker's tutorial on rounding navigation bar, but I'm doing something wrong. (I tried to ask him a long time ago, but never received a reply) I can get the first bit of code (removing the gradient background) to work, but after that, I just receive error after error. I also use

kunzite1's code for shrinking and centering and I've had to merge the page_layout functions, so I'm guessing my problem is coming from merging them incorrectly. I've tried so many different things in hopes of not having to beg for help, but I'm at the end here. Here is my code without the rounded navigation bar coding. Maybe someone can guide me in the right direction here.

Don't mind the random ######s or notes I've left myself. It's easier for me to recognize which code does what when I organize it in my own weird way.

layerinfo "type" = "theme";
layerinfo "name" = "RENT/BJ";

function print_free_text(Page p) {

print_comp_header($*free_text_text);
  """$*free_text""";
  print_comp_footer();

print_comp_header("Random Word(s) of the Week");
  """<b><center><p>Captain Crunch<P></b></center>""";
  print_comp_footer();

#######
""" 
    <tr><td colspan=7>
     <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
      </tr><tr>
	<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td class="tabBg" width="100%">
        <div align="center">
         <form action="http://google.com/search" method=get target="_blank">
          <b>Search <font color="blue">G</font><font color="red">o</font><font color="#EEEE00">o</font><font color="blue">g</font><font color="green">l</font><font color="red">e</font></b><br>
          <input type=text name=q size=10>
          <input type=submit value="Search" name="submit">
         </form>
        </div>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
  	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       </tr>
      </table>
     </td></tr>
    <tr><td colspan=5><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
"""; 
###############
"""
    <tr><td colspan=7>
     <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
      </tr><tr>
	<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td class="tabBg" width="100%" align="center">
        <table>
         <tr>
          <td align="center">
           <form id='Search' action='http://www.livejournal.com/multisearch.bml' method='post'>
            <b>Search <font color="#3333FF">LiveJournal</font></b><br>
              <input id='SearchTerm' type='text' name='q' size='15' value='' /><br>
              <select id='SearchType' name='type'>
               <option value='user'  selected='selected'>Username</option>
               <option value='email' >Email</option>
               <option value='region' >Region</option>
               <option value='int' >Interest</option>
               <option value='aolim' >AOL IM</option>
               <option value='icq' >ICQ Number</option>
               <option value='yahoo' >Yahoo! ID</option>
               <option value='msn' >MSN Username</option>
               <option value='jabber' >Jabber</option>
              </select><br>
              <input type='submit' value='Search' />
             </form>
           </td>
          </tr>
         </table>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
       <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
  	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       </tr>
      </table>
     </td></tr>
    <tr><td colspan=5><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>
""";

###############

##################################################
# Marquee component                              #
# Tutorialized by kunzite1                       #
# Inspirialized by bring_me_sugar                #
##################################################
# MARQUEE START #
#################
# This is the title of the component             #
var string k1Mtitle       = """<center>Seasons of Love</center>""";
                                                 #
# This is the height of the marquee              #
var string k1Mheight       = "250";
                                                 #
# This is the width of the marquee               #
var string k1Mwidth        = "";
                                                 #
# This is the css class to attach to the marquee #
var string k1Mclass        = "marquee";
                                                 #
# This is the direction of the marquee           #
var string k1Mdirection    = "up";
                                                 #
# This is the speed of the marquee               #
var int    k1Mscrollamount = 2;
##################################################
                                                 
print_comp_header("$k1Mtitle");

var string k1MmarqueeBegin = "<marquee";
var string k1MmarqueeEnd   = "</marquee>";

var string k1MscrollamountString = $k1Mscrollamount + "";
if($k1Mheight != ""){
  $k1MmarqueeBegin = $k1MmarqueeBegin + " height='$k1Mheight'";
}
if($k1Mwidth != ""){
  $k1MmarqueeBegin = $k1MmarqueeBegin + " width='$k1Mwidth'";
}
if($k1Mclass != ""){
  $k1MmarqueeBegin = $k1MmarqueeBegin + " class='$k1Mclass'";
}
if($k1Mdirection != ""){
  $k1MmarqueeBegin = $k1MmarqueeBegin + " direction='$k1Mdirection'";
}
if($k1MscrollamountString != ""){
  $k1MmarqueeBegin = $k1MmarqueeBegin + " scrollamount='$k1MscrollamountString'";
}
$k1MmarqueeBegin = $k1MmarqueeBegin + ">";

"""
$k1MmarqueeBegin
  <p> 
    <center>
525,600 minutes, 525,000 moments so dear. <br>
525,600 minutes - how do you measure, measure a year? <br>
In daylights, in sunsets,<br>
in midnights, in cups of coffee.<br>
In inches, in miles,<br>
in laughter, in strife.<br>
In 525,600 minutes - how do you <br>
measure a year in the life?<br>
How about love? How about love?<br>
How about love? Measure in love.<br>
Seasons of love.  525,600 minutes!<br>
525,000 journeys to plan.<br>
525,600 minutes - how can you measure the life of a woman or man?<br> 
In truths that she learned,<br>
or in times that he cried.<br>
In bridges he burned, or <br>
the way that she died.<br>
It’s time now to sing out,<br>
though the story never ends.<br>
Let's celebrate, remember a year<br>
in the life of friends. <br>
Remember the love! Remember the love!<br>
Remember the love! Measure in love.<br>
Seasons of love! Seasons of love.<br>
    </center>
  </p>
$k1MmarqueeEnd

""";

print_comp_footer();

print_comp_header("Other Info");
  """<center><b>Best Viewed:</b>1024x768<br>
     Graphics by <a href="http://jesster2282.livejournal.com">me.</a><br>
     Coded with the help of tutorials from <a href="http://www.livejournal.com/community/component_help/">Component_help</a> and documentation from the <a href="http://www.livejournal.com/doc/s2/">S2 manual</a></center>""";
  print_comp_footer();

}
###############
# MARQUEE END #
###############

function page_layout(Page p) {

var string k1Swidth = "90%";

var string title = $p->title();
  """
  <html>
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;

"""<body style="margin-top: 10px; text-align:center;">""";

"""<div align="center"><img src="http://img.photobucket.com/albums/v465/Jesster2282/Backgrounds/WIPpictures2.png" alt="Gay bois make me happy" title="Seasons of Love"></div>""";

if($k1Swidth != "") {
    """<table style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";
  }

if (not $*comp_navbar or $*comp_state=="none") {
    """    <div class="header">""";
    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>
    """;
  }

"""<div><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";

"""
  <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 ($*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_my_entries($p, $title);

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);
  }

"""
      <td width="3">
        <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td>
    </tr>
  </table>
  """;

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

##########
  var Color header = $*header_bgcolor;
  var Color headerMinus5  = $header->darker(50);
  var Color headerPlus3   = $header->lighter(30);
  var string corner_color = "/p0"+$headerPlus3->substr(1,6)+"1"+$headerMinus5->substr(1,6)+"2"+$header->substr(1,6);

if (not $*comp_navbar or $*comp_state=="none") {
     """
     <div>
       <img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0">
     </div>

<table width="100%" cellspacing="0" cellpadding="0" valign="top">
       <tr valign="top" width="100%">
         <td width="3">
           <img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
         </td>
         <td>
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
	            <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                    <td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                </tr><tr>
                    <td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                </tr><tr>
                    <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td class="tabBg" width="100%">
                      <div class="header">
                      """;
                      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>
                    </td> 
                    <td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                    <td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                </tr><tr>
                    <td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr>
            </table>
         </td>
         <td width="3">
           <img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
         </td>
        </tr>
      </table>
    """;
  }

"""
  </body>
  </html>
  """;

}
##################
##################
## PROFILE SHIT ##
##################
##################
function print_profile(Page p) {

print_comp_header("I should tell you");

"""
	<table cellspacing="0" cellpadding="0" border="0">
		<tr>
			<td width="50%" align="center">
				<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
				<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
</td>

</td>
		</tr>
		<tr>
			<td align="left" colspan="3" class="compContent">
				<div><b>User:</b> <span class='ljuser' style='white-space:nowrap;'><a href='http://www.livejournal.com/userinfo.bml?user=Jesster2282'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='userinfo' width='17' height='17' style='vertical-align:bottom;border:0;' /></a><a href='http://www.livejournal.com/users/Jesster2282/'><b>Jesster2282</b></a></span></div>
				<div><b>Name:</b> Jessica</div>
                                <div><b>Location:</b> North Carolina</div>
				<div><b>Disclaimer:</b> Not suitable for children</div>
<p>
<center><a href="$*SITEROOT/friends/add.bml?user=jesster2282"><img src="http://stat.livejournal.com/img/btn_addfriend.gif" border="0"></a>  <a href="$*SITEROOT/tools/memories.bml?user=jesster2282"><img src="http://stat.livejournal.com/img/btn_memories.gif" border="0"></a>  <a href="http://edit.yahoo.com/config/send_webmesg?.target=jesster2282">
<img src=" http://img.photobucket.com/albums/v630/Stouder6412/Layoutstuff/yimon.gif" border="0">
<div><a href="mailto:jesster2282@gmail.com"><b><u>-Email Me-</b></u></a></div>  </center>

</td>
		</tr>	
	</table>
    """;
  print_comp_footer();
}
####################################################################################

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your reply will be screened

Preview comment

Help
2 comments

Post a new comment
2 comments

Log in

Coding difficulties

Custumizing the new spam button in the comment link bar

Wanted: navigation bar square at the top, but with rounded corners at the bottom

Entry links to images.

Error