Component Help

I'm having a hard time figuring out on how to add a header on top of the componet layout like crazichica I used the tutorial to figure out on how to get the componet style, but I havent found out on how to add a header at the top. I have no ovverrides for the layout I am using. I used the customuze<s2< and then did the componet style.

If someone could help me that be great.Maybe give me ovverides for it and tell me how to do it? Thank you

Hi I'm deciding to go back to component and I swear I've looked through the tutorials like 5 times at the least and I cannot find the tutorial that says how to make the tips of your journal square. If someone could just tell me the section it's under.

Is there an override of some sort that will open links in an LJ in a new window by default?

I'm not talking about right clicking the link with the mouse pointer or adding html coding target="_blank"

Ideally for what I'm doing, any link including clicking a link to an LJ cut will open the page in a new window.

( Collapse )

Thanks in advance.

Not really component related but does anyone know if they've come up with a way to fix the time in the comments so it shows the correct time based on your time zone instead of the default time?

I'm sorry for this other question. I didn't look hard enough. Anyways I added in the tutorial for extra components and for some reason it's not coming up. I don't really know why either.
I got it now sorry. =/
layerinfo "type" = "theme"; layerinfo "name" = "Beautiful Disaster"; function print_my_entries(Page p, string title) { # Set to be your welcome note title, if you want one var string welcome_title = "Welcome Note Title"; # Set to be your welcome note. HTML is taken, so make sure it's valid and is all properly closed tagged. # Use "<br/><br/>" for line breaks with space between var string welcome_note = "Welcome Note Line 1<br/><br/>Welcome Note Line 2 etc."; # Because we are going to override the Page title, and there is no function to draw the component borders for such # a thing, we need to do it all by hand. For the curved corner pieces, we need to match the color to the rest of your # component. To do this, we need to set a variable to be used since it cannot be obtained from the stylesheet. 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); var string header_box_open = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">"""; var string header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><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></table>"""; # Start the column for the body. Do not delete this line """<td valign="top" width="100%">"""; if($p.global_title != "" or $p.global_subtitle != "") { # Start the new title component. print $header_box_open; # Now we put the actual title content in. You can put whatever you want here. As an example, I've the following lines # will insert the Title on all pages and Subtitle only on the recent page, and centered in the component. If you don't # want something centered, remove the <center> and </center> tags surrounding it it. # Also, as an example, the blue line shows how to add an image above your title, but it is commented since it is incomplete. # If you'd like to an an image above the title, decomment the line by removing the # in front it and complete the URL. # If you are curious, the different "views" for condition checking are {recent, friends, day, reply, entry, month, year}. #"""<center><img src="YOUR IMAGE URL" border="0" alt="" /></center>"""; # print the Full Title of the page [Journal title and Page specific title]: """<div class="userTitle"><center>"""; print $p->title(); """</center></div>"""; # print the Journal Subtitle if it exists, and if we're on the recent page : if ($p.global_subtitle!="" and $p.view=="recent") { """<div class="userSubTitle"><center>"""; print $p.global_subtitle; """</center></div>"""; } # Close off the title component and place a spacer after it. print $header_box_close; } $p->print_body(); } # Make default entry component headers and default comment component headers have square corners function print_entry_header(string content) { """ <table cellspacing="0" cellpadding="0" border="0"> <tr> <td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> <td class="tabBg" width="100%"> <div class="entryDate" style="position:relative; top:-3px; left:2px;">$content</div> </td> <td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> <td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> </table>"""; } # Make prev/next link component at bottom of RecentPage have square corners function print_bottom_nav(RecentPage p) { var string prev = ""; var string next = ""; var string bottom_nav_box_open = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">"""; var string bottom_nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><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></table>"""; var Color ltLineColor = $*header_bgcolor->lighter(30); var Color dkLineColor = $*header_bgcolor->darker(50); var string ltLineString = $ltLineColor.as_string; var string medLineString = $*header_bgcolor.as_string; var string dkLineString = $dkLineColor.as_string; var string prevPalImg = "p1" + $ltLineString->substr(1,6) + "0" + $dkLineString->substr(1,6); var string nextPalImg = "p0" + $ltLineString->substr(1,6) + "1" + $dkLineString->substr(1,6) + "2" + $medLineString->substr(1,6); if($p.nav.backward_url != "") { $prev = """<span class="header-item"><a href="$p.nav.backward_url" class="headerLinks"><img src="$*PALIMGROOT/component/back.gif/$prevPalImg" width="13" height="10" alt="$*nav_text_back" border="0" /> $*nav_text_back</a></span>"""; } if($p.nav.backward_url != "" and $p.nav.forward_url != "") { $prev = $prev + " "; } if($p.nav.forward_url != "") { $next = """<span class="header-item"><a href="$p.nav.forward_url" class="headerLinks">$*nav_text_forward <img src="$*PALIMGROOT/component/forward.gif/$nextPalImg" width="13" height="10" alt="$*nav_text_forward" border="0"></a></span>"""; } if($prev != "" or $next != "") { print $bottom_nav_box_open; """<div style="position:relative; top:-5px; text-align:center;">$prev$next</div>"""; print $bottom_nav_box_close; } } # Make side components have square corners function print_free_text(Page p) { print_comp_header("Hearing"); """ <div id="Layer1" style="border:0px solid #878787; position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden; scrollbar-3dlight-color: #f1c9d4; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #f1c9d4; scrollbar-darkshadow-color: #EBB2C2; scrollbar-face-color: #f1c9d4; scrollbar-highlight-color: #EBB2C2; scrollbar-shadow-color: #f1c9d4;"> <table width="100%" cellpadding="3" cellspacing="0"> <tr bgcolor="#F6E1E7"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> <tr bgcolor="#EBB2C2"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg"border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> <tr bgcolor="#F6E1E7"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> <tr bgcolor="#EBB2C2"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> <tr bgcolor="#F6E1E7"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> <tr bgcolor="#EBB2C2"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Artist</b><br><i>Album Name</i><br> </td> </tr> </tr> </table> </div> """; print_comp_footer(); print_comp_header("Watching"); """ <div id="Layer1" style="border:0px solid #878787; position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden; scrollbar-3dlight-color: #f1c9d4; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #f1c9d4; scrollbar-darkshadow-color: #EBB2C2; scrollbar-face-color: #f1c9d4; scrollbar-highlight-color: #EBB2C2; scrollbar-shadow-color: #f1c9d4;"> <table width="100%" cellpadding="3" cellspacing="0"> <tr bgcolor="#F6E1E7"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Show name</b><br><i>More text</i><br> </td> </tr> <tr bgcolor="#EBB2C2"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Show name</b><br><i>More text</i><br> </td> </tr> <tr bgcolor="#F6E1E7"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Show name</b><br><i>More text</i><br> </td> </tr> <tr bgcolor="#EBB2C2"> <td align="left"> <img src="http://www.yourdomain.com/image.jpg" border="0" style="border: 1px solid #000" /></td> <td align="left"><b>Show name</b><br><i>More text</i><br> </td> </tr> </tr> </table> </div> """; print_comp_footer(); } function print_comp_header(string content) { var string style = ($*comp_state == "right") ? " style='margin-right:3px;'" : ""; """ <tr$style> <td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="medLine" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> <td class="tabBg" width="100%"> <div class="sideHeader" style="position:relative; top:-3px; left:2px;">$content</div> </td> <td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> <td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> <td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td> </tr> <tr> <td class="dkLine" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" 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="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td> <td class="compBg"><div class="compFont">"""; } # Make navigation component have square corners function print_nav_comp(Page p) { var string nav_box_open = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px;">"""; var string nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><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>"""; print $nav_box_open; var string[] views_order = ["recent", "friends", "archive", "userinfo"]; var string{} view_names = {"recent" => $*nav_entries_text, "friends" => $*nav_friends_text, "archive" => $*nav_calendar_text, "userinfo" => $*nav_info_text}; foreach var string v ($views_order) { if($v != "recent"){ """<div class="ltLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>"""; } """<div class="compList"><a href=\"""" + $p.view_url{$v} + """\" class="headerLinks">""" + $view_names{$v} + "</a></div>"; } var string website_name = $p.journal.website_name ? $p.journal.website_name : $*text_website_default_name; if ($p.journal.website_url != "") { """<div class="ltLine"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>"""; """<div class="compList"><a href="$p.journal.website_url">$website_name</a></div>"""; } $p->lay_viewspec_nav(); print $nav_box_close; } # New kinds of boxes that have square corners function print_free_text(Page p){ var string free_text_header_box_open = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="sideHeader" style="position:relative; top:-3px; left:2px;">"""; var string free_text_header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><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>"""; var string free_text_box_open = """<tr><td class="dkLine" colspan="7"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg"><div class="compFont">"""; var string free_text_box_close = """</div></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="8"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>"""; print_comp_header("moo"); # standard component with square corners "moo"; print_comp_footer(); print $free_text_header_box_open; # component header-like box "moo"; print $free_text_header_box_close; print $free_text_box_open; # component box-like box "moo"; print $free_text_box_close; } function page_layout(Page p) { var string title = $p->title(); """ <html> <head> <link rel="stylesheet" href="$p.stylesheet_url" type="text/css" /> $p.head_content <title>A N G I E</title> <style> img { border: 0px; } html { scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #000000; } </style> </head> <body> <center><td><img src="INSERTURLFORHEADER"></td></center> <br> <table width="85%" cellspacing="0" cellpadding="0" valign="top" align="center"> <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> """; if ($*comp_state == "left") { print_my_components($p); """ <td width="3"> <img src="http://www.livejournal.com/palimg/component/clear.gif" width="2" height="1" alt="" border="0"> </td> """; } print_my_entries($p, $title); if ($*comp_state == "right") { """ <td width="3"> <img src="http://www.livejournal.com/palimg/component/clear.gif" width="2" height="1" alt="" border="0"> </td> """; print_my_components($p); } """ <td width="3"> <img src="http://www.livejournal.com/palimg/component/clear.gif" width="2" height="1" alt="" border="0"> </td> </tr> </table> </body> </html> """; } function print_profile(Page p) { print_comp_header("Profile"); """ <table cellspacing="0" cellpadding="0" border="0"> <tr> <td width="100%" align="left"> <p align="justify"><a href="http://www.livejournal.com/allpics.bml?user=oh_andi" alt="My user icons"> <img src="INSERTICONHERE" align="right" alt="view all icons"></a><b>Andria</b>. 15. Pisces. hamster. dog. <a href=" http://www.livejournal.com/userinfo.bml?user=oh_andi"><b>more?</b></a> <br><br> <center><b><a href="mailto:oh_and@hotmail.com">E-MAIL ME</a></b>; <b><a href='aim:goim?screenname=ButtRockDowner&message=Hi!+Andria+'>IM ME</a></b>; </center> <br> </tr> </table> """; print_comp_footer(); } function print_my_entries(Page p, string title) { """<td valign="top" width="100%">"""; $p->print_body(); }

I would like all of my links uppercased, and I figured I knew how to do it, in the style sheet adding text-decoration: uppercase; and it's uppercasing SOME of my stuff but not all you can see on my lj _fcuk Also, I dont want my links to be underlined. Help would be great.