FB Layers

[theme] - [smoove] - [add link to journal in header]

kunzite1 — Tue, 14 Feb 2006 19:41:50 GMT

function make_navbox (Page this, int top) {
  var string title = $this->title();

  var string lj_text = "my livejournal";
  var string lj_link = """<a href="http://${this.user.user}.livejournal.com/">$lj_text</a>""";
  """
    <div class="navbox">""";
  if ($top == 1) {
    """
      <div class="header">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td width="50%" class="title">""";
    print $this->title();
    """
            </td>
            <td align="right" valign="bottom" width="50%" class="pager">""";
    $this->lay_pager();
    print $lj_link;
    """
            </td>
          </tr>
        </table>
      </div>""";
  }
  """
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td width="50%">
            <p>
  """;
  if ($top == 1) {
    $this->lay_top_left_links();
  } else {
    $this->lay_btm_left_links();
  }
  """
            </p>
          </td>
          <td align="right" width="50%" valign="top">
            <p>""";
  if ($top == 1) {
    $this->lay_top_right_links();
  } else {
    $this->lay_btm_right_links();
  }
  """
            </p>
          </td>
        </tr>
      </table>
    </div>""";
}

[theme] - [positive contact] - [remove other pictures sidebar box]

kunzite1 — Tue, 24 Jan 2006 01:18:48 GMT

function PicturePage::lay_print_sidebar() {
  var string part_of;
  foreach var Link l ($.parent_links) {
    $part_of = $part_of + """
                <li><a href="$l.url">$l.caption</a></li>""";
  }
  print_sidebar_box("Related Galleries", """
              <ul>$part_of
              </ul>""");
}

[theme] - [positive contact] - [add custom css]

kunzite1 — Tue, 24 Jan 2006 00:12:04 GMT

function Page::print () {
var string title     = $this->title();
var string logged_in = logged_in("You are not currently logged in, <a href='/login'>Login now</a>?");
"""<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>$title</title>
    <link rel="stylesheet" href="$.stylesheeturl" type="text/css" />
""";

"""
<style type="text/css">
/* custom css here */
</style>
""";

"""
  </head>
  <body>
    <div id="Title" style="text-align: $*title_align">
      <a name="top"></a>
      <h1>$title</h1>
      <div id="TitleNav">
        $logged_in
      </div>
    </div>
    <div id="Main" style="clear: both">
      <div id="Sidebar" style="text-align: center">
        <div id="SidebarContents">""";
var string navigation = """
              <ul>
                <li><a href="/$.user.user/">View all Galleries</a></li>
                <li>""" + logged_in("<a href='/login'>Log in to ScrapBook</a>") + """</li>""" +
                $this->lay_sidebar_navigation() + """
              </ul>""";

print_sidebar_box("Navigation", $navigation);
print_sidebar_box("Link Back", """
              <p>Use this HTML to link back to this page:</p>
              <textarea style="width: 100%;" rows="5" cols="5">""" + 
              ehtml($this->lay_self_link()) +
              """</textarea>""");

$this->lay_print_sidebar();
"""
        </div>
      </div>
      <div id="Viewer">
        <div style="left: -16em; height: 100%; position: absolute;"> </div>""";
$this->print_body();
"""
        </div>
     </div>
  </body>
</html>""";
}

[theme] - [cornered] - [make Page::print() call Page::print_head()]

kunzite1 — Thu, 08 Dec 2005 02:39:48 GMT

function Page::print() {
  var string title = $this->title();
  """<html>
  <head>
    <title>$title</title>
    <link rel="stylesheet" href="$.stylesheeturl" type="text/css">
  """:

  # like.  actually call this function.  and stuff.
  $this->print_head();

  """
  </head>
  <body>
  """;

  $this->lay_print_header();

  $this->print_body();

  $this->lay_print_footer();

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

department of redundancy department

kunzite1 — Sun, 13 Nov 2005 06:37:26 GMT

in the new "positive contact" layout:

function logged_in(string login_text) : string {
  var Page p = get_page();
  if (viewer_logged_in()) {
    if (viewer_is_owner()) {
      return """<a href="$p.manage_account.url">$p.manage_account.caption</a>""";
    }
  }
  return $login_text;
}

umm. if we know that the viewer is the owner, we know that the viewer is logged in. duh.

[theme] - [apache] - [apache image downloader]

kunzite1 — Sun, 02 Oct 2005 20:58:11 GMT

install downTHEMall! extension.

create new apache layer.
create layout-specific layer.
type: theme.
layout: apache-style directory indexing.

layerinfo "type" = "theme";
layerinfo "name" = "apache image downloader";

layerinfo "source_viewable" = 1;

function GalleryPage::print_body (){
"<h1>Apache Image Downloader</h1>";
  if (not $.pages.all_subitems_displayed) {
    if ($.pages.url_prev != "") { 
      dir_item("left", $.pages.url_prev, "Previous Page", $.gallery.dateupdate, "", "Page " + ($.pages.current - 1) + " of $.pages.total"); 
    }
    if ($.pages.url_next != "") { 
      dir_item("right", $.pages.url_next, "Next Page", $.gallery.dateupdate, "", "Page " + ($.pages.current + 1) + " of $.pages.total"); 
    }
  }
  "</pre>";

  if ((size $.pictures) == 0) { return; }

  "<hr noshade align=\"left\" width=\"80%\" />";

  "<table cellpadding='2'>";
  var bool tr = false;
  var int td = 0;
  var string desrow;
  var int rows = 0;
  foreach var Picture p ($.pictures) {
    if (not $tr) {
      "<tr align='center' valign='bottom'>\n";
      $rows++;
      $tr = true;
    }
    var Image i = $p.thumbnails{"norm"};
    "<td>";
    $i->print({
      "tint" => $*tint,
      "href" => $p.fullimage.url,
      "alt" => $p.title,
    });
    "</td>\n";
    $desrow = $desrow + "<td>$p.title</td>";
    $td++;
    if ($td == $*cols) {
      "</tr>\n";
      if ($*show_titles) {
        "<tr valign='top'>$desrow</tr>\n";
      }
      $td = 0;
      $tr = false;
      $desrow = "";
    }
  }
  if ($tr) {
    "</tr>\n";
    if ($*show_titles) {
      "<tr valign='top' align='center'>$desrow</tr>\n";
    }
  }
  "</table>";
}

create new style.
template: (no base)
edit style.
name: apache image downloader.
layout: apache-style directory indexing

manage gals.

foreach $gal ($gals) {

  choose a gal to download images from.

  if (size($images) > 0) {

    change style to "apache image downloader."
    save gallery.
    click on "view all pictures" link on right.

    select & copy gal title.

    right click -> downTHEMall!
    select "links in the page" tab.
    filter by "all files."

    if (size($pages) > 1) {
      deselect any links to other pages.
    }

    set dir to download to.  (if you copied the gal title,
      you can use that to create a dir with that name)
    click "start downloads!" and watch them be grabbed.  and stuff.

    if (size($pages) > 1) {
      go to next page and perform above process for remaining pages.
    }

    hit the back button until you reach the manage gal page.

    change style back to what it was before you changed it to:
      "apache image downloader."
    save changes.

  }

  if (size($images) == 0) {
    choose a subgal.
    perform above process.
  }

  if (size($remaining_subgals) == 0) {
    go to parent gal.
    perform above process.
  }
}

then use this php, running in a web server emulator on your computer (such as xitami), to append the correct filetype to each file. this script is intended to run within each folder.

<?php
function image_type_to_extension($imagetype) {
  if(empty($imagetype)) return false;
  switch($imagetype) {
    case IMAGETYPE_GIF     : return 'gif';
    case IMAGETYPE_JPEG    : return 'jpg';
    case IMAGETYPE_PNG     : return 'png';
    case IMAGETYPE_SWF     : return 'swf';
    case IMAGETYPE_PSD     : return 'psd';
    case IMAGETYPE_BMP     : return 'bmp';
    case IMAGETYPE_TIFF_II : return 'tiff';
    case IMAGETYPE_TIFF_MM : return 'tiff';
    case IMAGETYPE_JPC     : return 'jpc';
    case IMAGETYPE_JP2     : return 'jp2';
    case IMAGETYPE_JPX     : return 'jpf';
    case IMAGETYPE_JB2     : return 'jb2';
    case IMAGETYPE_SWC     : return 'swc';
    case IMAGETYPE_IFF     : return 'aiff';
    case IMAGETYPE_WBMP    : return 'wbmp';
    case IMAGETYPE_XBM     : return 'xbm';
    default                : return false;
  }
}

$dir   = ".";
$files = array();
$dir = opendir($dir);
while($file = readdir($dir)) {
  $files[] = $file;
}

foreach ($files as $file) {
  if(is_file($file)) {
    if(count(explode(".", $file)) == 1) {
      list($width, $height, $type, $attr) = getimagesize($file);
      $newfile = $file . "." . image_type_to_extension($type);
      if(rename($file, $newfile)) {
        echo $file . " -> " . $newfile . "<br />";
      }
    }
  }
}
?>

userpics!

kunzite1 — Fri, 15 Apr 2005 02:22:25 GMT

check out this gallery and vote on the userpics.
x-posted to: fblayers, and s2layers.

[Code snippets for layout layer] - [Parse <lj user=*> tags / make "Add as User Icon" buttons]

dgriswold — Thu, 14 Apr 2005 23:35:05 GMT

Two snippets. First, a function to parse strings for <lj user=*> and < comm=*> tags. Also includes a recursive function to find the earliest occurrence of a substring in a larger string using a binary search. These functions are useful for parsing picture or gallery descriptions.

function find_earliest_instance (string input, string subs) : int
{
  #Finds the earliest instance of substring subs in in that occurs after character start
  if (not $input->contains($subs)) {
    return -1;
  }
  var int sub_length = $subs->length();
  var int input_length = $input->length();
  
  if ($input_length == $sub_length) 
  {
    return 0;
  }
  
  var int mid2 = ($input_length / 2) + ($sub_length / 2);
  var int mid1 = $mid2 - $sub_length + 1;
  var int val;
  
  $val = find_earliest_instance($input->substr(0, $mid2), $subs);
  if ($val != -1) {

    return $val;
  }
  $val = find_earliest_instance($input->substr($mid1, $input_length), $subs);
  return $mid1 + $val;
}

function parse_lj_user (string input) : string
{ # FUNCTION BLOCK
  var string user_string = "&lt;lj user=";
  var string comm_string = "&lt;lj comm=";
  var string rep_base_1 = "<span class='ljuser' style='white-space: nowrap;'><"
    +"a href='http://www.livejournal.com/userinfo.bml?user=";
  var string rep_commbase_2 = "'><img " +
    "src='http://stat.livejournal.com/img/community.gif' " +
    "alt='[info]' width='16' height='16' " + 
    "style='vertical-align: bottom; border: 0;' " +
    "/></a><a href='http://www.livejournal.com/community/";
  var string rep_userbase_2 = "'><img " +
    "src='http://stat.livejournal.com/img/userinfo.gif' " +
    "alt='[info]' width='16' height='16' " +
    "style='vertical-align: bottom; border: 0;' " +
    "/></a><a href='http://www.livejournal.com/user/";
  var string rep_base_3 = "/'><b>";
  var string rep_base_4 = "</b></a></span>";
  
  var int beginning;
  var int end;
  var string string_to_rep;
  var string rep_string;
  var int rep_length;
  var string username;
  var string linktype;
  var string part1;
  var string part2;
  var string output;
   
  $beginning = find_earliest_instance($input, $user_string);
  if ($beginning != -1) {
    $linktype = "user";
  } else {
    $beginning = find_earliest_instance($input, $comm_string);
    if ($beginning != -1) {
      $linktype = "comm";
    } else {
      return $input;
    }
  }
  $end = find_earliest_instance($input, "&gt;");
  if ($end == -1) { return $input;}
  
  # REPLACE THIS STRING
  $rep_length = $end - $beginning + 4;
  $string_to_rep = $input->substr($beginning, $rep_length);
  $username = $string_to_rep->substr(12, $rep_length - 16);
  var int userlength = $username->length();
  var string userbegin = $username->substr(0,6);
  var string userend = $username->substr($userlength - 6, $userlength);
  if ($userbegin->contains("&quot;")) 
  {
    if (not $userend->contains("&quot;")) 
    { return $input; }
    $username = $username->substr(6, $userlength - 12);
  }
   elseif ($userbegin->contains("&#39;")) 
   {
     if (not $userend->contains("&#39;")) 
     { return $input; }
     $username = $username->substr(5, $userlength - 10);
   }
  if ($linktype->contains("comm")) 
  {
    $rep_string = $rep_base_1 + $username + $rep_commbase_2 +
     $username + $rep_base_3 + $username + $rep_base_4;
  }
  else
  {
   $rep_string = $rep_base_1 + $username + $rep_userbase_2 +
     $username + $rep_base_3 + $username + $rep_base_4;
  }
  $part1 = $input->substr(0, $beginning);
  $part2 = $input->substr($end + 4, $input->length());
  $output = $part1 + $rep_string + $part2;
  if ($output->contains($input)) 
  { 
    return $output;
  } 
  else
  {
    return parse_lj_user($output);
  }
} #END FUNCTION BLOCK

The second snippet is HTML (encased in strings) for a form button that lets any user add an image's thumbnail as their own LJ user icon, assuming they're logged in. The URL, Keywords, and Comments values assume you're in Gallery View on the Super Simple style (having run $this->load_pict_descriptions()) but it's pretty simple to adapt to any view, just change $i.url, $p.title, and $p.des to the correct values for the image's thumbnail, title, and description respectively.

"""<form action='http://livejournal.com/editpics.bml' """ +
"""method='post' enctype='multipart/form-data'>\n""" +
"""<input type='hidden' value="url" name="src" />\n""" +
"""<input type="hidden" name="urlpic" value = "$i.url" />\n""" +
"""<input type="hidden" name="keywords" value="$p.title" />\n""" +
"""<input type="hidden" value="$p.des" name="comments" size="40" />\n""" +
"""<input type='submit' value="Add as user icon" /></form>\n</td>\n""";

I recommend setting properties in your layout for the use of these snippets. You can see an example in my modified Super Simple style, number 14200. This gallery (and each of its subgalleries) is using the style right now, if you want to see an example.

[snippet intended for layout layer] - [add to page::print()] - [add lj links to fb layout]

kunzite1 — Fri, 07 Jan 2005 08:16:16 GMT

# set the values of these variables
var string   journal_type           = "P"; # p = person/user, c = comm, y = syn # set journal type
var string[] views_order            = ["recent", "friends", "archive", "userinfo"]; # set view order
var string   text_view_recent       = "recent";
var string   text_view_friends      = "friends";
var string   text_view_friends_comm = "members";
var string   text_view_archive      = "calendar";
var string   text_view_userinfo     = "user info";
var string   website_url            = "http://mal.mm1swebcreations.com/";
var string   website_name           = "mal's website";
var string   link_seperator         = " | ";

# dont mess with these 'less you know what yer doing
var Page     p                      = get_page(); # get page handle
var string   LJSITEROOT             = "http://www.livejournal.com"; # set root for lj
var string   view_links             = "";
# build website url
var string   website                = (($website_url != "") ? ("""$link_seperator<a href="$website_url">""" + (($website_name != "") ? $website_name : $website_url) + "</a>") : "");
var string   journal_dir            = $journal_type == "C" ? "community" : "users"; # set journal directory
var string   base_url               = "$LJSITEROOT/$journal_dir/$p.user.user"; # build base url to journal
var string{} view_url               = { # set view urls
                                       "recent"   => "$base_url/",
                                       "friends"  => "$base_url/friends/",
                                       "archive"  => "$base_url/calendar/",
                                       "userinfo" => "$base_url/info/"
                                      };
var string{} view_text              = { # set view text
                                       "recent"   => $text_view_recent,
                                       "friends"  => $journal_type == "C" ? $text_view_friends_comm : $text_view_friends,
                                       "archive"  => $text_view_archive,
                                       "userinfo" => $text_view_userinfo
                                      };
# add seperator before links
$view_links = $view_links + $link_seperator;
foreach var string v ($views_order) {
  # add seperator after links
  $view_links = $view_links + """<a href="$view_url{$v}">$view_text{$v}</a>$link_seperator""";
}
# remove last seperator from links cuz website will add one if needed
$view_links = $view_links->substr(0, $view_links->length() - $link_seperator->length()) + $website;

opening house

kunzite1 — Fri, 07 Jan 2005 01:50:19 GMT

here's what i need:

categories for memories
ideas for rules about posting
responsible people who will not abuse maintainership
people who want to sort memories to the agreed upon specifications
people who want to take care of flame wars if they arise
which layout to use for the journal
what to add/change/delete on the userinfo page
people who have suggestions to this list

now... discuss!

first post

kunzite1 — Fri, 07 Jan 2005 01:47:08 GMT

how to post
post your layer code under a cut after converting all
& to &
< to <
and
> to >

this can help with the conversion.
if you use the aforementioned tool, change the <code> and </code> to <pre> and </pre> respectively.
if you dont use the aforementioned tool, please wrap your code with <pre> and </pre>.

the subject line should follow the following format:
[layout name] - [layer type] - [mini description of what your code does] - [page number (if applicable)]
layout name - apache, color hover, cornered, framed, porfoloroid, etc.
layer type - layout, user, theme
page number - page #/total pages

if your code is too long to place into a single post:
put a comment in the code saying # part 1 ends here and then in the next post put a comment in the code saying # part 2 starts here ... lather, rinse, repeat.

recommended coloring scheme (not required)
if you have comments in the code, we suggest making it green by doing something like:
comment

variable values: maroon
var string moo = "variable";

code that is currently active but can be deactivated by commenting (putting a # in front of it) it out.
active code: blue
"if($active) { print "make it blue"; }";

code that is currently inactive but can be activated by decommenting (taking # in front of it out) it.
inactive code: pink
"# if($inactive) { print "make it orange"; }";

screenshot of output
we would also like to have a screenshot available that shows the results of the code.

and finally, select the don't auto-format option. this makes the entry a lot easier to read.