Problem with Flexible Squares

[lirren]

One more fleeing from LJ over privacy concerns. One of my biggest frustrations with DW, though, is that things are just different enough that I'm having to relearn a lot of things, and that I can't just very simply import my LJ life. The posts and comments, sure, but I've been struggling for days to get my layout working the same way it did on LJ. I've finally got most of the bugs worked out, but I can't seem to get the entries to show the "link", "memory" and "edit" links down at the bottom where the "comments" and "leave a comment" links are. I tried just moving the theme layer over here and that didn't work. Does anyone know how to fix that?

Barring that, does anyone have a suggestion for a base style that can have a customized header easily added that's already here on DW? One of the reasons I originally used FS is because it was so easy for me to change out my headers when I got bored with them without having to know a huge amount of coding.

Any help or suggestions would be gratefully received.

Comments

[jhumor]

I can't help with the others: I changed "Links visible as" from pictures to text and they display in the place I want them (Lower left, with 'reply' lower right).

BUUUUUT

Headers are a PIECE OF CAKE here!: click on "Customization". Click "Style" Toward the bottom is a tab marked "Header" Click that. put in the URL for the image of the header you want to use. Tell it how tall the header is and how you want it displayed and PRESTO!!!

It was sooooo very easy compared to LJ - ANNNNNND I have a freebie account and it let me do it! I was so excited :D

[lirren]

Adding the header like that evidently only works with certain styles, so I'll have to keep playing with it. Thank you, though!

[jhumor]

Rats! Sorry! I have the LJ codes, but I have no idea if it'll work or not here:

You might have to play with height, width, etc.

Past this in the box for custom CCS:

#header-inner {
background-image: url(http://locationof.yourpix.com);
height: XXpx;
width: XXX;
}

[iavalir]

I had the exact same problem with my Flexible Squares layout! I fixed it last night, but I don't remember how I managed to do it. I ended up deleting something and somehow it worked.

Anyhow, I'll give you the code to paste on your theme layer and see if that works. :)

# Comments """ <div class="clear"> </div> <div class="comments">"""; ### start custom code ### # Set the basic order in which the links are supposed to appear, from left to right. Available links are: # edit_entry = edit the entry # edit_tags = edit the tags assigned to the entry # mem_add = add to your memories (of the user currently logged in) # mem_as_comm = add to memories of the community (the "authas"-link, can only be used by owner/moderators of community) # watch_comments = track/untrack the post # tell_friend = mail link to friend # permalink = link to the entry # comments = read/post comments link # format = link to unformatted entry, or entry with different s2id # next = link to the next entry (only on entry pages) # prev = link to the previous entry (only on entry pages) # | = all links before this symbol are printed aligned to the left, all others aligned to the right (standard) # to print all links aligned right (standard), set "|" first var string[] link_order = ["|", "permalink", "edit_entry", "edit_tags", "comments"]; # Set the urls to the images you want to use, or leave the quotes empty. # read/post comment links can not be set to images here (see Step 7) var string{} link_images = { "edit_entry" => "IMAGE URL", "edit_tags" => "IMAGE URL", "mem_add" => "IMAGE URL", "mem_as_comm" => "IMAGE URL", "tell_friend" => "IMAGE URL", "watch_comments" => "IMAGE URL", "unwatch_comments" => "IMAGE URL", "permalink" => "IMAGE URL", "format" => "IMAGE URL", "prev" => "IMAGE URL", "next" => "IMAGE URL" }; # link texts (in case there is no image specified) var string{} link_text = { "edit_entry" => $*text_edit_entry, "edit_tags" => $*text_edit_tags, "mem_add" => $*text_mem_add, "mem_as_comm" => "+", "tell_friend" => $*text_tell_friend, "watch_comments" => $*text_watch_comments, "unwatch_comments" => $*text_unwatch_comments, "permalink" => $*text_permalink, "format" => "unformatted", "prev" => $*text_entry_prev, "next" => $*text_entry_next }; # Set the separator that should appear between the individual links or images # separator between read/post comment links can not be set here (see Step 6) var string link_separator = " | "; # Set the name of the community that the "mem_as_comm" link should work for var string community = ""; # Set the text that will be appended to the "format" link # e.g. "?format=light" or "?s2id=1234567" or "?mode=reply&s2id=1234567" var string format = "?format=light"; ### no editing beyond this point ### # helper var to decide if separator is printed before link or not var bool i = false; # Step through the links in the order the user wants """<div class="leftlinks">"""; foreach var string link ($link_order) { if ($link == "") { continue; } # skip emtpy quotes if ($link == "|") # close leftlinks div and open standard-aligned div { """</div><div>"""; $i = false; continue; } # special case comment links if ($link == "comments") { if ($e.comments.enabled) { if ($i == true) { """$link_separator""";} $e.comments->print(); $i = true; } else { " "; } } else { # skip next/prev links on anything other than entry pages as they make no sense otherwise if (($link == "prev" or $link == "next") and $p.view != "entry") { continue; } # get the url of the link var string url; var Link url_temp; if ($link == "permalink") { $url = $e.permalink_url; } elseif ($link == "format") { $url = $e.permalink_url + $format; } elseif ($link == "prev") { $url = "http://www.dreamwidth.org/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=prev"; } elseif ($link == "next") { $url = "http://www.dreamwidth.org/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=next"; } else { $url_temp = ($link == "mem_as_comm") ? $e->get_link("mem_add") : $e->get_link($link); if (isnull $url_temp) { if ($link == "watch_comments" and viewer_logged_in()) { $url_temp = $e->get_link("unwatch_comments"); $link = "unwatch_comments"; } else { continue; } } $url = $url_temp.url; if ($link == "mem_as_comm") { $url = """$url&authas=$community"""; } } # get the link image or text var string text; if (clean_url($link_images{$link}) == "") { $text = $link_text{$link}; } else { $text = """<img src="$link_images{$link}">"""; } # print separator, link and text/image if ($i == true) { """$link_separator""";} """<a href="$url" title="$link_text{$link}">$text</a>"""; $i = true; } } "</div>"; ### end custom code ### """ </div> </div> </div> <div class="separator"></div> <div class="clear"> </div>"""; }
Hopefully I got the code copied right. If there's anything else you'd like, such as a tags list in a hierarchical format, I can give you the code I used for that as well. :)

BTW, your layout is beautiful!

[lirren]

Thank you so much! I'm evidently doing something wrong, though, because I keep getting compiling errors. *headdesk*

part 1

[iavalir]

Hmm, let me post my entire code then (starting from this comment to the next because it got too big). :) I'm not sure where the cutoff should have been in my previous comment, or maybe I should included the part at the top? This code includes the links at the bottom of entries, and a hierarchical tags format.

Hope it works out for you! :)

layerinfo "type" = "theme"; layerinfo "name" = ""; function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor) { """<a name="$e.journal.username$e.itemid"></a>"""; $e->print_linkbar(); # Userpic var string userpic = ""; if ($*show_entry_userpic) { if ($p.view == "read" or $p.view == "entry" or $p.view == "reply") { if (defined $e.userpic) { $userpic = $userpic + """<img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="$e.poster.name" title="$e.poster.name"""; if ($e.poster.username != $e.journal.username) { $userpic = $userpic + " in $e.journal.name"; } $userpic = $userpic + "\">"; } } elseif ($p.journal_type == "C" and $p.view == "recent") { if (defined $e.userpic) { $userpic = $userpic + """<img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="$e.poster.name" title="$e.poster.name" />"""; } } else { if (defined $e.userpic) { $userpic = $userpic + """<div class="userpic"><img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="$e.poster.name" title="$e.poster.name" /></div>"""; } } } print """ <div class="subcontent"> """; if (($p.view == "recent" and $p.journal_type != "C" ) or $p.view == "day") { print """$userpic"""; } else { if ($p.view == "recent" and $p.journal_type == "C" ) { """<div class="userpicfriends" style="background-color: $*entry_bgcolor;">"""; } else { """<div class="userpicfriends" style="background-color: $bgcolor;">"""; } print """$userpic"""; # Poster if ($p.view == "read" or $p.view == "entry" or $p.view == "reply") { var UserLite linkto; $linkto = $e.poster; #print "$e.poster.username"; """<br /><a href=\"""" + $linkto->base_url() + "\">"; "<font color=\"$fgcolor\">$linkto.username</font></a>"; } elseif ($p.journal_type == "C" and $p.view == "recent") { var UserLite linkto; $linkto = $e.poster; #print "$e.poster.username"; """<br /><a href=\"""" + $linkto->base_url() + "\">"; "$linkto.username</a>"; } if (($p.view == "read" or $p.view == "entry" or $p.view == "reply") and $e.poster.username != $e.journal.username) { var UserLite linkto; $linkto = $e.journal; """<br />[<a href=\"""" + $linkto->base_url() + "\">"; "<font color=\"$fgcolor\">$linkto.username</font></a>]"; } if ($p.view == "recent" and $p.journal_type == "C") { print "</div>"; } if ($p.view != "recent" and $p.view != "day") { print """</div>"""; } } # Date, time, subject var string time = ""; $time = $time + """ @ """; $time = $time + $e.time->time_format("short"); var string date = ""; $date = $date + $e.time->date_format("long_day"); """ <div class="datesubject"><div class="date">"""; print $e.time->date_format("%%dd%% %%month%% %%yyyy%%"); "$time </div>"; """ <div class="subject">"""; if ($e.security != "") { $e.security_icon->print(); } if ($p.view != "entry") { print $e->formatted_subject({"class"=>"subj-link"});"  "; } else { print "$e.subject  "; } """</div> </div> """; """ <div class="entry"> <div class="entry_text">"""; $e->print_text(); print "</div> "; # Currents var string currents =""; $e->print_metadata();

part 2

[iavalir]

# Comments """ <div class="clear"> </div> <div class="comments">"""; ### start custom code ### # Set the basic order in which the links are supposed to appear, from left to right. Available links are: # edit_entry = edit the entry # edit_tags = edit the tags assigned to the entry # mem_add = add to your memories (of the user currently logged in) # mem_as_comm = add to memories of the community (the "authas"-link, can only be used by owner/moderators of community) # watch_comments = track/untrack the post # tell_friend = mail link to friend # permalink = link to the entry # comments = read/post comments link # format = link to unformatted entry, or entry with different s2id # next = link to the next entry (only on entry pages) # prev = link to the previous entry (only on entry pages) # | = all links before this symbol are printed aligned to the left, all others aligned to the right (standard) # to print all links aligned right (standard), set "|" first var string[] link_order = ["|", "permalink", "edit_entry", "edit_tags", "comments"]; # Set the urls to the images you want to use, or leave the quotes empty. # read/post comment links can not be set to images here (see Step 7) var string{} link_images = { "edit_entry" => "IMAGE URL", "edit_tags" => "IMAGE URL", "mem_add" => "IMAGE URL", "mem_as_comm" => "IMAGE URL", "tell_friend" => "IMAGE URL", "watch_comments" => "IMAGE URL", "unwatch_comments" => "IMAGE URL", "permalink" => "IMAGE URL", "format" => "IMAGE URL", "prev" => "IMAGE URL", "next" => "IMAGE URL" }; # link texts (in case there is no image specified) var string{} link_text = { "edit_entry" => $*text_edit_entry, "edit_tags" => $*text_edit_tags, "mem_add" => $*text_mem_add, "mem_as_comm" => "+", "tell_friend" => $*text_tell_friend, "watch_comments" => $*text_watch_comments, "unwatch_comments" => $*text_unwatch_comments, "permalink" => $*text_permalink, "format" => "unformatted", "prev" => $*text_entry_prev, "next" => $*text_entry_next }; # Set the separator that should appear between the individual links or images # separator between read/post comment links can not be set here (see Step 6) var string link_separator = " | "; # Set the name of the community that the "mem_as_comm" link should work for var string community = ""; # Set the text that will be appended to the "format" link # e.g. "?format=light" or "?s2id=1234567" or "?mode=reply&s2id=1234567" var string format = "?format=light"; ### no editing beyond this point ### # helper var to decide if separator is printed before link or not var bool i = false; # Step through the links in the order the user wants """<div class="leftlinks">"""; foreach var string link ($link_order) { if ($link == "") { continue; } # skip emtpy quotes if ($link == "|") # close leftlinks div and open standard-aligned div { """</div><div>"""; $i = false; continue; } # special case comment links if ($link == "comments") { if ($e.comments.enabled) { if ($i == true) { """$link_separator""";} $e.comments->print(); $i = true; } else { " "; } } else { # skip next/prev links on anything other than entry pages as they make no sense otherwise if (($link == "prev" or $link == "next") and $p.view != "entry") { continue; } # get the url of the link var string url; var Link url_temp; if ($link == "permalink") { $url = $e.permalink_url; } elseif ($link == "format") { $url = $e.permalink_url + $format; } elseif ($link == "prev") { $url = "http://www.dreamwidth.org/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=prev"; } elseif ($link == "next") { $url = "http://www.dreamwidth.org/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=next"; } else { $url_temp = ($link == "mem_as_comm") ? $e->get_link("mem_add") : $e->get_link($link); if (isnull $url_temp) { if ($link == "watch_comments" and viewer_logged_in()) { $url_temp = $e->get_link("unwatch_comments"); $link = "unwatch_comments"; } else { continue; } } $url = $url_temp.url; if ($link == "mem_as_comm") { $url = """$url&authas=$community"""; } } # get the link image or text var string text; if (clean_url($link_images{$link}) == "") { $text = $link_text{$link}; } else { $text = """<img src="$link_images{$link}">"""; } # print separator, link and text/image if ($i == true) { """$link_separator""";} """<a href="$url" title="$link_text{$link}">$text</a>"""; $i = true; } } "</div>"; ### end custom code ### """ </div> </div> </div> <div class="separator"></div> <div class="clear"> </div>"""; } function TagsPage::print_body { ##### Config ##### # Specify your delimiter. One char only -- extra chars get truncated. var string delimiter = ":"; # Do you want to show the tag use counts? Set to true or false. var bool show_count = true; # Specify the text to show just before the use count, if any. var string pre_count = "["; # Specify the text to show just after the use count, if any. var string post_count = "]"; # Specify the page title. Defaults to the core layer's value for # the Tags Page title. Change to your text, surrounded by quotes, eg: # var string page_title = "My Tags List"; var string page_title = $*text_tags_page_header; ##### End Config ##### var string list = ""; if (size $this->visible_tag_list() > 0) { if ($delimiter->length() > 1) { $delimiter = $delimiter->substr(0, 1); } var string[] closing_html; var string[] prev_tags; var int tag_list_pos = 0; var string tier_code = ""; $closing_html[0] = ""; $prev_tags[0] = ""; foreach var TagDetail t ($this->visible_tag_list()) { var string[] tags; if ($t.name) { # mt:20050623 # Split tags into array on delimiter. Oh god, my kingdom # for a function. Stolen shamelessly from lj-user rane500. var int array_counter = 0; var string buffer = ""; foreach var string char ($t.name) { if($char == $delimiter) { $tags[$array_counter] = $buffer; $array_counter = $array_counter + 1; $buffer = ""; } else { $buffer = $buffer + $char; } } $tags[$array_counter] = $buffer; var int pos = 0; foreach var string tier($tags) { if (size $closing_html <= $pos) { # mt:20050623 # $closing_html keeps track of html that is used to close off open # lists. Its length must be kept >= to that of the current tag. $closing_html[$pos] = ""; } if (size $prev_tags <= $pos) { # mt:20050625 # The current tag has more tiers than the previous tag. To avoid array # ref errors when comparing the current tier to the previous one (which # is non-existent, of course) add empty string to $prev_tags. $prev_tags[$pos] = ""; } # mt:20050623 # If we're on a tag's last tier, we need to return a link to the tag, # otherwise plain text is returned. if (size $tags == ($pos + 1)) { $tier_code = """<a rel="tag" href="$t.url">$tier</a>"""; if ($show_count) { var string uses = get_plural_phrase($t.use_count, "text_tag_uses"); $tier_code = $tier_code + """ - $uses"""; } } else { $tier_code = """$tier"""; } # mt:20050625 # $prev_tags stuffed with dummy empty string when it has fewer tiers than # current tag. if ($prev_tags[$pos] == "") { # mt:20050623 # The current tag has more tiers than the previous tag, so a new # list must be opened. if (($tag_list_pos == 0) and ($pos == 0)) { # mt:20061216 # The outermost ul is supplied later so omit it from this stage. $list = $list + """<li>$tier_code"""; $closing_html[$pos] = "</li>"; } else { $list = $list + """<ul><li>$tier_code"""; $closing_html[$pos] = "</li></ul>"; } } elseif ($tags[$pos] != $prev_tags[$pos]) { # mt:20050623 # The current tag's tier is not the same as the previous tag's tier of # the same level. This means we may need to close some lists. var int i = size $closing_html; $i = ($i <= 0) ? 0 : $i - 1; foreach var string html ($closing_html) { if ($i > $pos) { $list = $list + $closing_html[$i]; # mt:20050623: As we append the closing code, pop it off the array. $closing_html[$i] = ""; } $i--; } if ($closing_html[$pos] == "") { # mt:20050623 # This is the first tier at this level, so open list. $list = $list + """<ul><li>$tier_code"""; $closing_html[$pos] = "</li></ul>"; } else { # mt:20050623 # There have already been tiers added at this level, so just close the previous # list item before adding the new tier. $list = $list + """</li><li>$tier_code"""; } } else { # mt:20050623 # The current tag's tier is exactly the same as the previous tag's tier at # this same level. It has already been included in the list, so do nothing. } # mt:20050623: Moving on to next tier in this tag! $pos++; } $prev_tags = $tags; } # mt:20050623: Next tag in the list! $tag_list_pos++; } # mt:20050623 # All the tags have been added so close all outstanding lists. var int i = 0; var string remaining_html = ""; foreach var string html ($closing_html) { if ($html != "") { $remaining_html = $html + $remaining_html; $closing_html[$i] = ""; } $i++; } $list = $list + $remaining_html; } #### Print the tag list in an entry-like post #### print """ <div class="subcontent"> <div class="datesubject"> <div class="subject"> $page_title </div> </div> <div class="entry"> <div class="entry2"> <div class="entry_text"> <ul class="ljtaglist">$list</ul> </div> </div> </div> <div class="separator">   </div> <div class="clear">   </div> </div> """; }

Re: part 2

[lirren]

Well, that time it compiled beautifully, but it didn't seem to actually do anything. I know I must be doing something wrong somewhere. :/

Re: part 2

[iavalir]

Sweet! :) I'm thinking the reason why it didn't do anything is maybe the theme layer is not connected to your layout yet? Go to the "Your Styles" page and click on "edit" for the style you are currently using. There should be an option for "Theme," and you just select the theme and save.

I hope this works. :)

Re: part 2

[lirren]

That did it!! EXCELLENT! Thank you so much!

Re: part 2

[iavalir]

No problem at all! I'm glad I could help! :)