The Trick with The Boxer

Remove Navigation Bar

mana_goddess — Sat, 22 Aug 2009 06:13:04 GMT

Hello!

I'd like to completely remove my navigation bar! (I have a image map header with my nav links on it, so the bar needs to go)

Any ideas?

Thanks much.

Crossposted to s2styles here and s2_for_dummies here.

Help! Subject line colour/limiting space around icon in comments

jezebelinhell_x — Sun, 19 Jul 2009 01:20:53 GMT

Hey there,

If there is anyone still here, please help! I've gone through the memories and did not see the following two issues addressed (dear readers, I could very well be blind, however).

1. How do you change the colour of the SUBJECT LINE (currently boxer is made so that both the subject line and the text box are the same colour.)

2. Is there any way to reduce the amount of space that grows around the icon with each post made under a thread? Otherwise, the comments become bunched up quickly and are difficult to read. I am particularly interested in limiting the amount of space to the right of the user icon. For an example of the issue, please SEE HERE.

Many, many thanks!

Metadata help

sparkythegeek — Wed, 14 Jan 2009 22:39:23 GMT

Howdy--

What I have long wanted to be able to do is re-arrange the order of the metadata. Instead of the order that The Boxer puts it in, I'd want it to go like this, if possible:

* Mood
* Music
* Location
* Custom Friends Group
* Tags

Now, I'm very CSS dumb, but I'm smart enough to copy/paste stuff into a theme layer if someone else knows how to accomplish this! Awhile back, I'd asked a savvy person on a Component community (who knew how to do this on Component) and she'd said something about it being hardwired into the coding for the layout (?). Because I don't understand CSS stuff much less the inner workings of LJ, I'm not entirely sure what she explained because I didn't understand anyway.

At any rate, that's what I'd like to do to The Boxer's metadata. Is it possible? And if so, how?

Thanks in advance!

Html/Coding Information

zxfactor — Sun, 11 Jan 2009 21:49:53 GMT

Hello, I hope I am posting this in the right community. I followed all of the instructions before posting and I could not locate the information that I am looking for. I am looking for the coding to create the following scroll boxes:

I would like to know how to create the boxes, input a variety of information in them, place them on my journal. Thanks in advance for any information and help you can provide.

mana_goddess — Sat, 10 Jan 2009 02:48:55 GMT

Hello,

I recently got a paid account, so I don't know much about Boxer yet, and I apologize for that. I'm trying to get the top of my layout to look something like this, which I photoshopped. So far I have removed the mini-calendar and the journal title and subtitle. I cannot figure out how to remove the default icon (I know it can be done, as this community has removed it) and was wondering if someone could tell me how to do so, and also how and where to add in the code for the header, making sure it is below the nav bar as in the picture.
If anyone can help me with this, that would be wonderful!

Edit: I figured out how to remove the usericon, and used this code to add the header underneath my navigation. However, I would still like to know if there is a way to get it to display inside one of the info boxes, so that is has a border around it as in the image above. Also, the boxes containing icons on my friends page are white, does anyone know how to change that?

Thanks!

bold title

wonterth — Mon, 05 Jan 2009 15:35:55 GMT

Hello. One day the title of the entries in my community ru_diorama stopped being bold... I haven't been customising anything in it for a year. Is there anyway I can fix it without making it paid (or wrapping with bold-tag each time)? Thanx in advance.

sylviarr — Sun, 26 Oct 2008 23:07:18 GMT

So I'm trying to make my navigation boxes shorter & I looked through the memories and found this, but it doesn't seem to be working for me. Am I doing something wrong?

Tinyicons

taru_croft — Fri, 18 Jul 2008 13:06:41 GMT

User layout: starpollo
Problem areas: tinyicons
Layout reference: -
Any sample code: -

I switched on the boxer layout today and I have been editing the layout last few hours. Few things were easy to figure out, but there is one thing which is causing me an headache...

Is it possible to replace tinyicons like this:

to
to

I did try to add this code to the css box which I have used with component, but it didn't work *facepalm*

.ljuser img
{
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://img177.imageshack.us/img177/1280/commvl6.gif); /*change URL tor keep it*/
padding: 14px 0px 0px 13px;
}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"]
{
background-image: url(http://img150.imageshack.us/img150/5245/userij8.gif); /*change URL tor keep it*/
padding: 13px 10px 0px 10px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"]
{
background-image: url(http://img177.imageshack.us/img177/1280/commvl6.gif); /*change URL tor keep it*/
padding: 16px 0px 0px 16px;
}

I really would appreciate your help :)

leinyan — Thu, 19 Jun 2008 15:17:59 GMT

User layout: leinyan
Problem areas: Entries?
Layout reference: -
Any sample code: -

I know in Opal you can have scrolling entries (See here?), but is there a way to do it in The Boxer?

Custom Friends Filters/Entries

juanitadark — Mon, 09 Jun 2008 21:44:38 GMT

I just used a custom filter and it seems to have no security icon attached to it. Is there a new code for custom friends posts, and if so, how do I give it a new security icon?

ps - I can't remember whose style mine is based on.

The relevant part of my code currently reads:

if ($e.security) {
if($e.security == "private") {
print """""";
}
if($e.security == "protected") {
print """""";
}
}

lingering — Tue, 08 Jan 2008 20:00:36 GMT

User layout: My own [lingering]
Problem areas: Replacing the flag image with text
Any sample code:

  $link_image{"mem_add"}     = "";
  $link_image{"edit_entry"}  = "";
  $link_image{"edit_tags"}   = "";
  $link_image{"tell_friend"} = "";
  $link_image{"watch_comments"} = "";
  $link_image{"unwatch_comments"} = "";
  $link_image{"flag_journal"} = "";
			

  $link_caption{"mem_add"}     = "+mem?";
  $link_caption{"edit_entry"}  = "~♥~  edit?";
  $link_caption{"edit_tags"}   = "tag?";
  $link_caption{"tell_friend"} = "tell?";
  $link_caption{"watch_comments"} = "stalk?";
  $link_caption{"unwatch_comments"} = "unstalk?";
  $link_caption{"flag_journal"} = "report?";

userpic in navigation bar

downpour — Sun, 25 Nov 2007 21:58:53 GMT

User layout: downpour
Problem areas:
I was wondering if anyone had the code for adding a userpic next to the column link list in your navigation bar. I can't find it anywhere and have looked everywhere in this community.
Layout reference: tearbear
Any sample code: No sample code, but hopefully someone knows what I mean. :)

Navigation Help

x_isis — Sat, 17 Nov 2007 18:11:31 GMT

User layout: x_isis
Problem areas: navigation links
Layout reference: aeval's.
Any sample code: Using aeval's coding. I'm looking for something similar to how you guys have the navigation links for this community. I haven't used boxer in almost three years and all the entries I find on this are old and I've tried using them but can't get them to work. Thanks.

thethirdbar — Tue, 13 Nov 2007 14:18:28 GMT

is there any way to move my userpic to the right hand side of my entries instead of the left?

i'm using likedoves' codes.

thanks for any help. :)

How can I set Monday as first week day?

kamarado — Mon, 05 Nov 2007 09:45:49 GMT

subj for calendar and mini-calendar

Ah, boxer help

shescrack — Sun, 07 Oct 2007 08:46:06 GMT

I converted from component to boxer. I have a few problems. (Don't kill me lol)

• There is a space between my entry and the navigation and I can't seem to close it up. Is there a code for that?
• The navigation codes I have seen to make the boxes smaller does not seem to be working for me no matter what I try. I used a code a code I had seen here and it just won't get smaller.
• I saw in the entries there was a way to replace the default lock picture with your own lock image but I couldn't seem to get that to work either is that to be placed under the style css codes & a subject icon can be added by the title?
• Can an image be put in front of a subject as well?
• Can the tags be moved from the bottom to the top? If you don't know what I mean refer to my website http://sinserious.com/wordpress the way wordpress is worked there is a subject and the bottom are the tags. Is there a way to do that or no?

I think a lot of my problems are just because I don't know exactly where to place them. I have been searching for a stylesheet that could possibly be tweaked but the only one I found was a simplified version.

Background and Header Help, please!!!

jillo_loves_dom — Tue, 25 Sep 2007 00:49:30 GMT

Hey all,
I need desperate help. I've looked at everywhere on this forum for a ccs code and I cant find anywhere it can tell me to add a header with a background easily, everyone of the ccs codes dont work right that I try out. So could anyone help? That would be great thanks!!!! Help me please???

Love

~*Jillo*~

#Comments

libel — Wed, 12 Sep 2007 02:32:15 GMT

I am using this for my journal http://www.livejournal.com/community/s2layers/tag/layout+boxer. Does anyone know how I can add the number in front of comments?

modernage — Sun, 02 Sep 2007 00:15:07 GMT

i've been looking for likedoves's codes absolutely everywhere and have had no luck. ): would anyone direct me to them? thank you!

Navagation Bar Text HELP PLEASE?!!!

jillo_loves_dom — Sat, 01 Sep 2007 22:31:33 GMT

Hey,
I REALLY need help! I have the header working here but my navigation bar hides the title of my header, is there a way I can fix this, go check it out at my journal at my journals page jillo_loves_dom Thanks any ideas on how to fix this would be awesome! =)

♥

~*Jillo*~

Navigation width, navigation links, link list, userpic position, userpic in tags, date position.

anolinde — Tue, 26 Jun 2007 15:35:24 GMT

I've started to use Boxer again, and I have a couple of issues that are being stubborn and won't fix.

Journal: anolinde

~~1. Navigation bar. For some reason, I can't seem to make it the same width as the rest of the journal. The same is also true for the footer. [Screenshot]~~

2. Navigation and link list links. I want to have the navigation links with a normal font-weight, and the link list links to be bold, but I can't figure out how to do it so that they're both different. (Whenever I try to do alter the code, they either don't change or both turn bold, etc.)

~~3. Links list. I would love to have a title for the links list, simply saying "navigation?". Is there any way to do this?~~

4. Userpic. Is there any way to move the userpic on the recent entries page from the left to the right? I would also love to put a background (like this) behind it.

5. Tags page. For some reason, the background behind my userpic is black, and I don't know how to fix it. [Screenshot]

6. Date. Is it possible to move the date over to the left and right underneath the subject?

Thank you so much to anyone who can help! I really appreciate it.

ETA: Here are my layer codes, in case anyone needs them.

layerinfo "type" = "theme";
layerinfo "name" = "aeval k1ified";

layerinfo "type"      = "theme";
layerinfo "name"      = "Simple Boxer";
layerinfo author_name = "Aeval @ LJ";

set bg_color                = "#f4f4f4";
set color_nav_bg            = "#e0e0e0";
set entry_bg                = "#ffffff";
set entry_font              = "#149daf";
set entry_link              = "#469ca7";
set entry_link_visited      = "#469ca7";
set font_family             = "Verdana";
set info_bg                 = "#ffffff";
set info_font               = "#000000";
set info_link               = "#000000";
set info_link_visited       = "#000000";
set lineheight              = 12;
set linklist_support        = true;
set links_divider           = ".";
set links_name              = "";
set my_date                 = "long";
set nav_link                = "#ff0000";
set nav_scale               = "same";
set page_background_image   = "";
set page_background_pattern = "";
set page_friends_items      = 25;
set page_recent_items       = 20;
set page_width              = 760;
set show_entry_userpic      = true;
set show_mini_calendar      = false;
set tags_aware              = true;
set text_meta_mood          = "mood:";
set text_meta_music         = "music:";
set text_view_archive       = "calendar";
set text_view_friends       = "friends";
set text_view_month         = "calendar";
set text_view_recent        = "recent";
set text_view_userinfo      = "userinfo";

function Page::print_custom_head() {
"""
<style type="text/css">

/* SET THE FONT TYPE, SIZE, AND LINE-HEIGHT OR
LETTER-SPACING */

/* PROP:FONT */
body {
  font-family: Arial;
  font-weight: normal;
  font-size: 10pt;
  }
div,
p,
table {
  margin-top: -2px;
  }
.info,
.calendarborder,
.calendarcontent,
.calendarcontentactive,
.entry,
.entrycontent {
  font-family:    Verdana;
  font-size:      7pt;
  color: #808080;
  line-height:    12px;
  text-transform: none;
  }
.date,
body {
background: #F4F4F4;
background-image: url(http://i18.photobucket.com/albums/b126/anolinde_misc/Layouts/ACWBGR.png);
}

/* CENTER AND CUSTOMIZE THE INFO CONTENT */

a:link {
  color: #000000;
  font-weight: bold;
  }
a:active {
  color: #000000;
  font-weight: bold;
  }
a:visited {
  color: #000000;
  font-weight: bold;
  }
a:hover {
  text-decoration: none;
  font-weight: bold;
}

/* PROP:FONT */

.title {
  display: none;
}

.subtitle {
  display: none;
}

.info {
  padding: 0px;
  margin:  0px;
}

.info b {
  padding: 0px;
  margin:  0px;
}

.link {
  font-family:    Arial;
  font-size:       10pt;
  line-height:    15px;
  text-transform: lowercase;
  background:     #ffffff;
}

.linklist {
  text-align:     justify;
  font-family:    Arial;
  font-size:      8pt;
  font-weight:    bold;
  text-transform: lowercase;
  line-height:    10px;
  background:     $*info_bg;
  padding-right:   3px;
  padding-left:    3px;
  padding-top:     0px;
  padding-bottom:  5px;
}

.date {
  font-family:    arial, sans-serif; 
  font-size:      8pt;
  color:          #000000;
  font-weight:    bold; 
  font-style:     normal;
  text-transform: uppercase;
  padding:        2px;
  margin:         0px;
  letter-spacing: 0pt;
  border-bottom:  none;
  background:     $*info_bg;
}

.subject {
  color: #149daf;
  font-family: georgia;
  font-size: 18pt;
  font-style: italic;
  }

.bgcolor {
  margin:     0px;
  background: $*entry_bg;
}

.new {
  padding:    0px;
  background: $*entry_bg;
  margin:     0px;
}

.entrycontent {
  margin:          0px;
  text-align:     justify;
  padding-top:    15px;
  padding-bottom:  0px;
}

.icons {
  text-align:     center;
  padding-top:     5px;
  padding-bottom:  0px;
  padding-left:   20px;
  padding-right:  20px;
}

.nav1,
.nav2,
.nav3,
.nav4,
.nav5,
.nav6,
.nav7,
.nav {
  font-family:    Impact; 
  font-size:      11pt;
  color:          $*nav_link;
  font-weight:    normal; 
  font-style:     normal;
  text-transform: lowercase;
  letter-spacing: 0pt;
  padding-right:  2px;
  padding-left:   2px;
  padding-top:    2px;
  padding-bottom: 4px;
  margin:         0px;
}

.nav1 a:link,
.nav2 a:link,
.nav3 a:link,
.nav4 a:link,
.nav5 a:link,
.nav6 a:link,
.nav7 a:link {
  color: $*nav_link;
  font-weight: normal;
  }
.nav1 a:visited,
.nav2 a:visited,
.nav3 a:visited,
.nav4 a:visited,
.nav5 a:visited,
.nav6 a:visited,
.nav7 a:visited {
  color: $*nav_link;
  font-weight: normal;
  }
.nav1 a:hover,
.nav2 a:hover,
.nav3 a:hover,
.nav4 a:hover,
.nav5 a:hover,
.nav6 a:hover,
.nav7 a:hover {
  color: $*nav_link;
  font-weight: normal;
}

.entryinfo,
a.entryinfo,
a:visited.entryinfo {
  color: $*info_link;
}

table {
  border-right:  0px;
  border-left:   0px;
  border-bottom: 0px;
  border-top:    0px;
}

table table, 
table table table { 
  border: 0;
}

select, input, textarea {
  background-color: $*entry_bg;
  color:            $*entry_font;
}
#commenttext {
  width: 90%;
}
</style>
""";
}

function Page::print_linklist()   {
"""

<td valign="top" align="middle">
<br>
<br>
<b>manage</b>
<br><a href="http://www.livejournal.com/customize/style.bml">customize</a>
<br><a href="http://www.livejournal.com/manage/profile/">userinfo</a>
<br><a href="http://www.livejournal.com/editpics.bml">userpics</a>
<br><a href="http://www.livejournal.com/friends/">friends</a>
<br><a href="http://www.livejournal.com/manage/tags.bml">tags</a>
<br>
<br> 
</td>

<td valign="top" align="middle">
<br>
<br>
<b>view</b>
<br><a href="http://www.livejournal.com/users/anolinde/friends/Graphics">flist: graphics</a>
<br><a href="http://www.livejournal.com/users/anolinde/friends/Acquaintences">flist: people</a>
<br><a href="http://www.livejournal.com/users/anolinde/friends/Daily">flist: pictures</a>
<br><a href="http://www.livejournal.com/tools/memories.bml?user=anolinde">memories</a>
<br><a href="http://anolinde.livejournal.com/tag/">tags</a>
<br>
<br> 
</td>

<td valign="top" align="middle">
<br>
<br>
<b>my stuff</b>
<br><a href="http://www.amazon.com/gp/registry/wishlist/1PQMYPG1RVSJO/002-6941223-2638429?reveal=unpurchased&filter=all&sort=title&layout=standard&x=11&y=7">amazon</a>
<br><a href="http://del.icio.us/anolinde">del.icio.us</a>
<br><a href="http://anolinde.deviantart.com/">deviantART</a>
<br><a href="http://www.livejournal.com/community/hiril_alatariel">graphics journal</a>
<br><a href="http://www.fanfiction.net/~whiteladyoftroy">writing</a>
<br>
<br> 
</td>

<td valign="top" align="middle">
<br>
<br>
<b>more?</b>
<br><a href="http://www.freewebs.com/hiril-alatariel/">hiril-alatariel</a>
<br><a href="http://www.last.fm/user/anolinde/">last.fm</a>
<br><a href="http://anolinde.listal.com/">listal</a>
<br><a href="http://www.fanfiction.net/s/2193085/1/">the rohan pride trilogy</a>
<br><a href="http://anolinde.vox.com/">vox</a>
<br>
<br> 
</td>

""";
}

function Page::lay_viewspec_nav() {
  var string prev_url  = "";
  var string prev_text = "<";
  var string next_url  = "";
  var string next_text = ">";

if($this isa RecentPage) {
    var RecentPage rp = $this as RecentPage;

$prev_url = $rp.nav.backward_url;
    $next_url = $rp.nav.forward_url;
  }
  if($this isa YearPage) {
    var YearPage yp = $this as YearPage;

#    $prev_url = $rp.nav.backward_url;
#    $next_url = $rp.nav.forward_url;
  }
  if($this isa MonthPage) {
    var MonthPage mp = $this as MonthPage;

$prev_url = $mp.prev_url;
    $next_url = $mp.next_url;
  }
  if($this isa DayPage) {
    var DayPage dp = $this as DayPage;

$prev_url = $dp.prev_url;
    $next_url = $dp.next_url;
  }
  if($this isa EntryPage) {
    var EntryPage ep = $this as EntryPage;

var Link prev = $ep.entry->get_link("nav_prev");
    var Link next = $ep.entry->get_link("nav_next");
    $prev_url = $prev.url;
    $next_url = $next.url;
  }
  if($this isa ReplyPage) {
    var ReplyPage rp = $this as ReplyPage;

var Link prev = $rp.entry->get_link("nav_prev");
    var Link next = $rp.entry->get_link("nav_next");
    $prev_url = $prev.url;
    $next_url = $next.url;
  }

if($prev_url != "") {
    """<a href="$prev_url">$prev_text</a>""";
  }
  if($next_url != "") {
    """<a href="$next_url">$next_text</a>""";
  }
}

function Entry::print_metadata() {
  # set header text for tags
  var string tags_header = "tags";
  # set colon
  var string tags_joiner = ":";
  # can remote user edit tags?
  var Link   edit_tags   = $this->get_link("edit_tags");

if ((size $.metadata > 0) or ($*tags_aware and (size $.tags > 0))) {
    var string text = "";
    var string val  = "";
    """<div class="metadata">\n""";
    if (size $.metadata) {
      foreach var string m ($.metadata) {
        $text = "";
        $val  = "";
        if($m == "mood") {
          $text = $*text_meta_mood;
          $val  = $.metadata{$m};
          if(defined $.mood_icon) {
            var Image i = $.mood_icon;
            $val = """<img src="$i.url" width="$i.width" height="$i.height" alt="$val" title="$val" />""" + " $val";
          }
        } elseif ($m == "music") {
          $text = $*text_meta_music;
          $val  = $.metadata{$m};
        }
        if($text != "" and $val != "") {
          "<strong>$text</strong> $val<br />";
        }
      }
    }
    if($*tags_aware and (size $.tags > 0)) {
      $text = $tags_header;
      $val  = "";
      var int count = 0;
      # if remote user can edit tags, let's give them a link
      if($edit_tags.url != "") {
        $text = """$text</a>""";
      }
      $text = $text + $tags_joiner;
      foreach var Tag t ($.tags) {
        $count++;
        $val = $val + """<a href="$t.url">$t.name</a>""";
        if($count < size $.tags) {
          $val = $val + ", ";
        }
      }
      "<strong>$text</strong> $val<br />";
    }
    "</div>";
  }
}

function Entry::print_linkbar() {
  var string   link_seperator = ""; # seperator for links

# initialize array/hashes
  var string[] link_keyseq    = [""];
  var string{} link_url       = {"" => ""};
  var string{} link_caption   = {"" => ""};
  var string{} link_image     = {"" => ""};

var string print           = "";                                         # var for printing
  var Page   p               = get_page();                                 # page handle to determine interentry
  var bool   show_interentry = ($p.view == "entry" or $p.view == "reply"); # if entry/reply view, show interentry
  var int    keyseq_index    = 0;                                          # set index point for new link_keyseq array

if($show_interentry) {
    # if show interentry, put previous entry link first
#    $link_keyseq[$keyseq_index++] = "nav_prev";

# get previous entry link information
    var Link prev             = $this->get_link("nav_prev");
    $link_url{"nav_prev"}     = $prev.url;
    $link_caption{"nav_prev"} = $prev.caption;
    $link_image{"nav_prev"}   = $prev.icon.url;

# get next entry link information
    var Link next             = $this->get_link("nav_next");
    $link_url{"nav_next"}     = $next.url;
    $link_caption{"nav_next"} = $next.caption;
    $link_image{"nav_next"}   = $next.icon.url;
  }

# gather current linkbar
  foreach var string link_key ($.link_keyseq) {
    var Link  link            = $this->get_link($link_key);
    $link_url{$link_key}      = $link.url;
    $link_caption{$link_key}  = $link.caption;
    $link_image{$link_key}    = $link.icon.url;
    $link_keyseq[$keyseq_index++] = $link_key; # add this to new link_keyseq array
  }
  if($show_interentry) {
    # if show interentry, put next entry link last
#    $link_keyseq[$keyseq_index++] = "nav_next";
  }

#################################################################################################################
  # by now, the above hashes should look something like:                                                          #
  #                                                                                                               #
  # If interentry:                                                                                                #
  #   Previous Entry:                                                                                             # 
  #    $link_url{"nav_prev"}     = http://www.livejournal.com/go.bml?journal=exampleusername&itemid=256&dir=prev  #
  #    $link_caption{"nav_prev"} = Previous Entry                                                                 #
  #    $link_image{"nav_prev"}   = http://stat.livejournal.com/img/btn_prev.gif                                   #
  #                                                                                                               #
  # Edit Entry:                                                                                                   # 
  #  $link_url{"edit_entry"}     = http://www.livejournal.com/editjournal.bml?journal=exampleusername&itemid=256  #
  #  $link_caption{"edit_entry"} = Edit Entry                                                                     #
  #  $link_image{"edit_entry"}   = http://stat.livejournal.com/img/btn_edit.gif                                   #
  #                                                                                                               #
  # Edit Tags:                                                                                                    # 
  #  $link_url{"edit_tags"}      = http://www.livejournal.com/edittags.bml?journal=exampleusername&itemid=256     #
  #  $link_caption{"edit_tags"}  = Edit Tags                                                                      #
  #  $link_image{"edit_tags"}    = http://stat.livejournal.com/img/btn_edittags.gif                               #
  #                                                                                                               #
  # Add to Memories:                                                                                              # 
  #  $link_url{"mem_add"}        = http://www.livejournal.com/tools/memadd.bml?journal=exampleusername&itemid=256 #
  #  $link_caption{"mem_add"}    = Add to Memories                                                                #
  #  $link_image{"mem_add"}      = http://stat.livejournal.com/img/btn_memories.gif                               #
  #                                                                                                               #
  # If interentry:                                                                                                #
  #   Next Entry:                                                                                                 #
  #    $link_url{"nav_next"}     = http://www.livejournal.com/go.bml?journal=exampleusername&itemid=256&dir=next  #
  #    $link_caption{"nav_next"} = Next Entry                                                                     #
  #    $link_image{"nav_next"}   = http://stat.livejournal.com/img/btn_next.gif                                   #
  #################################################################################################################

$link_image{"mem_add"}     = $*memories;
  $link_image{"edit_entry"}  = $*edit;
  $link_image{"edit_tags"}   = $*edit;
  $link_image{"tell_friend"} = $*mail;

# loop thru linkbar and add links to print var
  foreach var string link_key ($link_keyseq) {
    # if we can do performed action, url will be present
    if($link_url{$link_key} != "") {
      $print = $print + """<span class="icon"><a href="$link_url{$link_key}">""";
      # if image url available, use it
      if($link_image{$link_key} != "") {
        $print = $print + """<img src="$link_image{$link_key}" alt="$link_caption{$link_key}" title="$link_caption{$link_key}" align="middle" border="0" />""";
      } else {
        # else, just use text
        $print = $print + "$link_caption{$link_key}";
      }
      # add a seperator
      $print = $print + "</a></span>$link_seperator";
    }
  }

# hack off last seperator
  $print = $print->substr(0, $print->length() - $link_seperator->length());

# we're done! let's print it!
  print $print;
}

function CommentInfo::print_readlink() {
  var Page   p          = get_page();
  var string url        = $.read_url;
  var string text       = get_plural_phrase($.count, "text_read_comments" + ($p.view == "friends" ? "_friends" : ""));
  var string img_url    = $*comment;
  var int    img_width  = 20;
  var int    img_height = 21;
  if($.count > 0 or $.screened) {
    """<span class="icon"><a href="$url">$.count<img src="$img_url" alt="$text" title="$text" width="$img_width" height="$img_height" border="0" align="middle"></a></span>""";
  }
}

function CommentInfo::print_postlink() {
  var Page   p          = get_page();
  var string url        = $.post_url;
  var string text       = get_plural_phrase(0, "text_post_comment" + ($p.view == "friends" ? "_friends" : ""));
  var string img_url    = $*leave_comment;
  var int    img_width  = 20;
  var int    img_height = 21;

"""<span class="icon">""";

if($.maxcomments) {
    $url  = "";
    $text = $*text_max_comments;
  }

if($url != "") {
    """<a href="$url">""";
  }

"""<img src="$img_url" alt="$text" title="$text" width="$img_width" height="$img_height" border="0" align="middle">""";

if($url != "") {
    """</a>""";
  }

"""</span>""";
}

function CommentInfo::print() {
  if (not $.enabled) { return; }
  $this->print_postlink();
  $this->print_readlink();
}

function print_entry (Page p, Entry e, Color bgcolor, Color fgcolor, bool hide_text) {

var int    entry_page_width = $*page_width;
var int    entry_half_width = $entry_page_width / 2;
var bool   userpic_view     = false;
var string subject          = $e.subject != "" ? $e.subject : """<i class="nosubject">$*text_nosubject</i>""";
var bool   showposter       = ($p.view == "friends") or (not $e.poster->equals($e.journal));
var bool   showjournal      = ($p.view == "friends" and (not $e.poster->equals($e.journal)));
if($*show_entry_userpic or $showposter) {
  $userpic_view = true;
}

if($p.view != "friends") {
  $bgcolor = $*entry_bg;
  $fgcolor = $*entry_font;
}
		
if($userpic_view) {
  var string url    = $e.journal->base_url();
  var string url2   = $e.poster->base_url();
  $entry_page_width = $*page_width - 122;
  $entry_half_width = $entry_page_width / 2;

"""
<table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
  <tr>
    <td valign="top" width="120" style="background-color: $bgcolor; color: $fgcolor; text-weight: bold;" align="center">
""";
if($showjournal) {
  """<a href="$url2/" style="color: $fgcolor; text-decoration: none;">$e.poster.username</a>:<br />""";
}
if($showposter) {
  """
<a href="$url/" style="color: $fgcolor; text-decoration: none;">$e.journal.username</a>
  """;
}

if($e.userpic.url != "") {
  var string alt_text = $*use_shared_pic ? $e.journal.name : $e.poster.name;
  """<br /><img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" border="0" alt="$alt_text" title="$alt_text">""";
}

if($showposter) {
  """""";
}

"""
    </td>
    <td><img src="$*PALIMGROOT/boxer/clear.gif" width="2" height="1" alt="" border="0"></td>
    <td valign="top" class="entry">
""";
}

"""
                </td>
                <td align="left" class="date" width="100%">
""";
						
print $e.time->date_format($*my_date);
print " " + $e.time->time_format();

"""
                </td>
              </tr>
              <tr>
                <td colspan="2" class="bgcolor" width="1"></td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td class="entry" colspan="2" align="left">
            <div class="entrycontent">
              <div><b>$subject</b></div><br />
""";
					
if (not $hide_text) { "<div>"; $e->print_text(); "</div>"; "<p>"; $e->print_metadata(); "</p>"; }

"""</div><p class="icons">""";

$e.comments->print();

$e->print_linkbar();

"""
            </p>
          </td>
        </tr>
      </table>
	

	
""";

if($userpic_view) {
"""
    </td>
  </tr>
</table>
""";
}
}

function Page::print_entry (Entry e) {
  print_entry($this, $e, null Color, null Color, false);
}

function FriendsPage::print_entry (Entry e) {
  var Friend f = $.friends{$e.journal.username};
  print_entry($this, $e, $f.bgcolor, $f.fgcolor, false);
}

function YearPage::print_year_links() {
  """
  <table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
    <tr>
      <td class="info" align="left">
        <div>Years:
  """;
  var int count = 0;
  foreach var YearYear y ($.years) {
    if($count != 0) {
      " | ";
    }
    $count = $count + 1;
    if ($y.displayed) {
      " <b>$y.year</b> ";
    } else {
      """ <a href="$y.url" class="link">$y.year</a> """;
    }
  }
  """
        </div>
      </td>
    </tr>
  </table>
  """;
}

function RecentPage::print_body  {
  foreach var Entry e ($.entries) {
    $this->print_entry($e);
  }
}

function MonthPage::print_body {
  """
  <table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
    <tr>
      <td class="info" align="left">
        <div align="center">
          <form method="post" action="$.redir.url">""";
  $.redir->print_hiddens();
  if (size $.months > 1) {
    """
            <select name="redir_key" class="infoform">""";
    foreach var MonthEntryInfo mei ($.months) {
      var string sel;
      if ($mei.date.year == $.date.year and $mei.date.month == $.date.month) {
        $sel = " selected='selected'";
      }
      """
              <option value="$mei.redir_key"$sel>""" + $mei.date->date_format($*lang_fmt_month_long) + "</option>";
    }
    """
            </select>
            <input type="submit" value="View" class="infoform" />""";
  }
  """
          </form>
        </div>
      </td>
    </tr>
  </table>
  """;
  foreach var MonthDay d ($.days) {
    if ($d.has_entries) {
      """
  <table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
    <tr>
      <td class="date" width="100%" align="left">
        <a href="$d.url" class="entryinfo">
          <b>"""; print lang_ordinal($d.day); """
          </b>
        </a>
      </td>
    </tr>
  </table>
  <table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
    <tr>
      <td class="newentry" valign="top" align="left">""";
      $d->print_subjectlist();
      """
      </td>
    </tr>
  </table>
      """;
    }
  }
}

function DayPage::print_body() {
  if ($.has_entries) {
    foreach var Entry e ($.entries) {
      $this->print_entry($e);
    }
  } else {
var Color  bgcolor = "#000000";
var Color  fgcolor = "#000000";
var int    entry_page_width = $*page_width;
var int    entry_half_width = $entry_page_width / 2;
var bool   userpic_view     = false;
var string subject          = "No Entries";
var bool   showposter       = false;
var bool   showjournal      = false;

if($*show_entry_userpic or $showposter) {
  $userpic_view = true;
}

if($userpic_view) {
  var string url    = $.journal->base_url();
  $entry_page_width = $*page_width - 122;
  $entry_half_width = $entry_page_width / 2;

if($showposter) {
  """
<a href="$url/" style="color: $fgcolor; text-decoration: none;">$.journal.username</a>
  """;
}

if($.journal.default_pic.url != "") {
  var string alt_text = $.journal.name;
  """<br /><img src="$.journal.default_pic.url" width="$.journal.default_pic.width" height="$.journal.default_pic.height" border="0" alt="$alt_text" title="$alt_text">""";
}

if($showposter) {
  """<br /><a href="$*SITEROOT/userinfo.bml?user=$.journal.username" style="color: $fgcolor; text-decoration: none;">$.journal.name</a>""";
}

"""
    </td>
    <td><img src="$*PALIMGROOT/boxer/clear.gif" width="2" height="1" alt="" border="0"></td>
    <td valign="top" class="entry">
""";
}

"""
      <table cellspacing="0" cellpadding="0" border="0" width="$entry_page_width" """;
if($userpic_view == false) {
  print """ class="new" """;
}
""">
        <tr>
          <td class="entry" align="right">
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
              <tr>
                <td align="right" class="date">
                </td>
                <td align="right" class="date" width="100%">
""";
						
print $.date->date_format($*my_date);
						
"""
                </td>
              </tr>
              <tr>
                <td colspan="2" class="bgcolor" width="1"></td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td class="entry" colspan="2" align="left">
            <div class="entrycontent">
              <div><b>$subject</b></div><br />
              $*text_noentries_day
            </div>
          </td>
        </tr>
      </table>
	

	
""";

if($userpic_view) {
"""
    </td>
  </tr>
</table>
""";
}  }
}

function TagsPage::print_body() {

var Color  bgcolor = "#000000";
var Color  fgcolor = "#000000";
var int    entry_page_width = $*page_width;
var int    entry_half_width = $entry_page_width / 2;
var bool   userpic_view     = false;
var string subject          = "Visible Tags";
var bool   showposter       = false;
var bool   showjournal      = false;

if($*show_entry_userpic or $showposter) {
  $userpic_view = true;
}

if($userpic_view) {
  var string url    = $.journal->base_url();
  $entry_page_width = $*page_width - 122;
  $entry_half_width = $entry_page_width / 2;

if($showposter) {
  """
<a href="$url/" style="color: $fgcolor; text-decoration: none;">$.journal.username</a>
  """;
}

if($showposter) {
  """<br /><a href="$*SITEROOT/userinfo.bml?user=$.journal.username" style="color: $fgcolor; text-decoration: none;">$.journal.name</a>""";
}

"""
    </td>
    <td><img src="$*PALIMGROOT/boxer/clear.gif" width="2" height="1" alt="" border="0"></td>
    <td valign="top" class="entry">
""";
}

foreach var TagDetail td ($this->visible_tag_list()) {
  """<a href="$td.url">$td.name</a><br />""";
}

"</div>";
}

"""</div>
          </td>
        </tr>
      </table>
	

	
""";

if($userpic_view) {
"""
    </td>
  </tr>
</table>
""";
}
}

function print_nav(Page p) {

# figure out the width of each table cell in the navigation based on total page width
  var int blank = $*page_width - 760;
  if($p.journal.website_url) {
    $blank = $blank - 0;
  }

"""
<table cellspacing="0" cellpadding="0" border="0" width="760px" class="new" bgcolor="B1C9BF">
  <tr>
    <td class="nav1" valign="top" align="middle" width="25"></td>
    <td class="nav1" valign="top" align="middle">
<center>
  """;

foreach var string v ($p.views_order) {
    var string url  = $p.view_url{$v};
    var string text = lang_viewname($v);
    """<a href="$url">$text</a> """;
  }

if($p.journal.website_url != ""){ 
    var string url  = $p.journal.website_url;
    var string text = $p.journal.website_name != "" ? $p.journal.website_name : $*text_website_default_name;
    """<a href="$url">$text</a> """;
  }

$p->lay_viewspec_nav();
				
  if($blank > 0) {
    """
</center>
    </td>
    """;
  }
  """
    <td class="nav1" valign="top" align="middle" width="25">
  </tr>
</table>
  """;
}

function Page::print() {

var bool   show_userpic  = false;

var string title         = $this->title();
var string k1Hheader_url = ""; # optional header url
var string k1Hheader_alt = ""; # optional header alt text

"""
<!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">
<head>
<link rel="stylesheet" href="$.stylesheet_url" type="text/css" />
""";
$this->print_head();
"""
<title>$title</title>
</head>
<body>
  <div align="$*page_align">
""";

if($k1Hheader_url != "http://www.freewebs.com/hiril-alatariel/anolinde%20rotating%20banners/anolinde%20Slogan.png") {
  """<div align="center"><img src="http://www.freewebs.com/hiril-alatariel/anolinde%20rotating%20banners/anolinde%20Slogan.png" /></div>""";
}

print_nav($this);

var bool upic  = $.journal.default_pic.url != "" and $show_userpic;
var bool linkl = (size($.linklist) > 0) and $*linklist_support;
var bool cal   = $*show_mini_calendar;

var bool box = $upic or $linkl or $cal;

if($box) {
  """
    <table cellspacing="0" cellpadding="0" border="0" width="$*page_width" class="new">
      <tr>
  """;

if($upic) {
    """
        <td align="center" class="info"><a href="$*SITEROOT/allpics.bml?user=$.journal.username"><img src="$.journal.default_pic.url" width="$.journal.default_pic.width" height="$.journal.default_pic.height" border="0"></a></td>
    """;
  }
  if($linkl) {
    $this->print_linklist();
  }
  if($cal) {
    """
        <td align="center" class="info">
    """;
    print_calendar($this);
    """
        </td>
    """;
  }
  """
      </tr>
    </table>
  """;
}
$this->print_body();
print_nav($this);
"""
  </div>
</body>
</html>
""";
}

Horizontal calendar?

ericulf — Fri, 15 Jun 2007 16:14:18 GMT

User layout: ericulf
Problem areas:
How to make the links and calendar align like this?

Recent Entries Friends Entries Calendar Memories My Website

links links links links links links links links links links link

June 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...............

Thanks in advance!

x_heliotrope_x — Thu, 24 May 2007 22:36:49 GMT

heyaa!

im new to LJ && am having MAJOR problems with everything =/

i am quite good at HTML but this is just confusing!

can anyone offer any help pretty please??

TY sam x

User/Security Icons.

vexia — Wed, 16 May 2007 06:17:43 GMT

I've searched through the memories, found something on changing comment icons, but nothing on changing security/user icons which is essentially what I'm trying to do.

Any help would be appreciated. Thanks in advance!

Curious

kiradesu — Sun, 13 May 2007 16:22:51 GMT

Hi! I was wondering if The Boxer had a CSS guide like this amazing one for Flexible Squares. Anyone know of one?? I've been looking but to no avail.

Thanks! =)