[starlit]
never let them see you cry
Tutorial : Adding LJ Layouts to DW (All Users) 
May 06 09
crush: Adventure Time (Idol | Ice Cream)
If you migrated from LJ, which is probably the majority of you, you probably miss having layouts like Flexible Squares, Smooth Sailing, and Mixit.. Do not fear, there is a way around the system but you need a Paid, Premium, or Seed account. This will not work with Basic users, sorry to say. Dreamwidth recently announced that all users can use Layers, but for Basic users it's limited. So I've tried to make this as easy as possible, but if you have any questions/comments/concerns, just reply to this entry.

The Tutorial

  1. Go to the Advanced Customization area of Dreamwidth.
  2. Click on the link under "Advanced Options" that says Your Layers.
  3. Look toward the bottom of that page and you'll see this:
  4. Under the "Create top-level layer" is where you will start. From the "Type" drop down menu, choose Layout and from the "Core Version" drop down menu, choose 1. Choosing Core 2 won't let this work, just so you know. So it'll look like this:
  5. Hit "Create" and it'll make the new layout. Since I already installed Flexible Squares and Smooth Sailing, I'm going to use Mixit for this tutorial but it should work for all the layouts as far as I know. :)
  6. Click on the "Edit" button and it'll take you to another screen that looks like this:
  7. UPDATED: Because Livejournal made changes to the raw source code for each of their layouts, the way the tutorial was originally written will not work.  I have linked the source code for four layout bases, but do not have the others. I'm sorry for any inconvencience they may be to people, but hate the system, not the writer of the tutorial.
  8. Here are the Source Codes that will work with the rest of this tutorial: Flexible Squares | Smooth Sailing | Mixit | Nebula
  9. If you are looking for any other layout styles, I'm sorry, they are not available here and I'm not good enough with coding to be able to make them work as well. I apologize for any inconvenience this makes, but by the time I realized I had to provide the code, it was already too late to salvage the others! :/

  10. Copy all of the code. Using the Select All (keyboard command Ctrl+A) and just copy it (keyboard command Ctrl+C). Now you want to paste it into the layer window in your other tab. Click "Save & Compile" at the top of your window.  There should be no errors.
  11. Now go to the Your Layers again and you'll see that it now lists your layout! Yay, now, that's the hard part and everything now should be easy as pie. Well, hopefully...I think? Yeeeah.
  12. Now go to your Customize Journal Style page and to make life easier, click on the Your Custom Layers link under the "Select a New Theme" area.
  13. Choose the layout you want by click the button that says "Apply Theme", so I'm going to pick Mixit, because that's what I want to mess with. It'll automatically apply the layout to your journal.
  14. WE'RE NOT DONE YET! Keep reading kids. :P
  15. Click on the Customize link and it'll take you to a very similar page that looks pretty much what you had on LJ.
  16. I'm going to use this layout by [community profile] thefulcrum for this tutorial. Go to the Custom CSS area of this page.
  17. Uncheck the box that says "Use layout's "Base Weblog" stylesheet" because you don't want to use that.
  18. Paste the code from the layout you want to use into the large textarea.
  19. Hit the "Save Changes" button.
  20. You are done.


Things to Note

  • If you don't use CSS for your layout, you won't have a layout, it'll just be Times New Roman text without any special format. Boring boring, yes, but that's life, unfortunately.
  • Flexible Squares is a little limited and I'm trying to figure out how to not make it so. Basically, layouts from people like [livejournal.com profile] milou_veronica might not look as nice because you can't cut down the list of navigation links (such as getting Memories and your website removed from the list in the menu).
  • If you're using someone else's CSS, please, oh please remember to give them proper credit. :)
  • If you intend to add any modifications to your "layout" layer (not the "theme" layer!), please make sure to follow the instructions here so everything shows up all right.
That's all folks!
Comments 
Nov 09 09 (UTC)
biodamped: for better or for worse ([dw] this whole world and i found you)
My life is complete. Thank you so much for this; i was just about to sit down with the customisation areas open and attempt to work out how to rescript source codes myself. You have saved me what i imagine was hours of frustration. :D

Do you mind if i link to this from lj? I've half convinced a whole bunch of people to switch and i think this would probably help them too.
Nov 09 09 (UTC)
crush: Adventure Time (Singer | Plus)
I don't mind at all! If it helps bring more people to DW, then I'm all for it, lol.
Dec 16 09 (UTC)
veridical_dream: (Default)
Just wondering...maybe can remove the website through the modules section..

Apr 09 10 (UTC)
crush: Adventure Time (Default)
I sadly don't know how to do that. :(
Dec 22 09 (UTC)
Thanks for this. I can't part with Flexible Squares.
Dec 23 09 (UTC)
anti_climactic: chewed pencil (Default)
You must get sick of people saying this, but bless you, thanks a tonne!
Jan 03 10 (UTC)
I was so pleased to find this. Thanks for writing such a clear tutorial - it worked perfectly! :)
Feb 15 10 (UTC)
mllesays: John Singer Sargent painting (c-dc // aooooga)
This is amazing! Thank you so so much for making this and making it so easy.
Feb 18 10 (UTC)
dampfnudl: (Default)
Found you through the DW search. Thank you so much for this tutorial. :)
Mar 25 10 (UTC)
birggitt: Happiness (Holmes Genious)
Oh, my God! Thank you, thank you, thank you!
I finally have a pretty, pretty layout on my DW journal! You are my hero, and I bow before your awesomeness *bows*
Mar 29 10 (UTC)
penguinparity: Beware of Penguin (Default)
Thank you so much for this! I deleted the 4 lines of code in the style sheet you have listed, but I'm still getting this error when I try to compile:

Error compiling layer:

Compile error: line 1942, column 12: Can't find member 'locked' in CommentInfo
S2::NodeVarRef, S2/NodeVarRef.pm, 212
S2::NodeTerm, S2/NodeTerm.pm, 174
S2::NodeTerm, S2/NodeTerm.pm, 66
S2::NodeUnaryExpr, S2/NodeUnaryExpr.pm, 54
S2::NodeExpr, S2/NodeExpr.pm, 46
S2::NodeIfStmt, S2/NodeIfStmt.pm, 79
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeIfStmt, S2/NodeIfStmt.pm, 92
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeIfStmt, S2/NodeIfStmt.pm, 92
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeFunction, S2/NodeFunction.pm, 230
S2::Checker, S2/Checker.pm, 374
S2::Compiler, S2/Compiler.pm, 34


Context

1938: } else {
1939: $comments_count = get_plural_phrase($.entry.comments.count, "text_read_comments");
1940: }
1941: if ($.entry.comments.count > 0) {
1942: if (not $.entry.comments.locked) {
1943: $comments_count = """$comments_count — """;
1944: } else {
1945: $comments_count = """$comments_count""";
1946: }
Apr 09 10 (UTC)
crush: You're Beautiful (KDrama | Gah!)
Does it italicize what it's saying is an error?
Apr 10 10 (UTC)
sydninicole: (Default)
so i have been working on this all day, when i was trying to do smooth sailing just the four things to delete wasn't enough

it kept giving me errors, and i just went through and deleted the italicized errors until it said i had no more errors.

everything looks great if you go to my journal, except that my entries won't show. i'm about to shoot myself.

is there any way you could help me? :(
Apr 14 10 (UTC)
crush: Adventure Time (Default)
The only thing I can suggest right now is to start all over again and tell me which ones are they italicizing so I can investigate further?
May 23 10 (UTC)
Hey, sorry to be a bother, but I am really code-illiterate. haha

I'm getting the following error message:

Compile error: line 1563, column 71: Unknown function Link::print_raw()
S2::NodeTerm, S2/NodeTerm.pm, 208
S2::NodeTerm, S2/NodeTerm.pm, 66
S2::NodeExpr, S2/NodeExpr.pm, 46
S2::NodeExprStmt, S2/NodeExprStmt.pm, 35
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeIfStmt, S2/NodeIfStmt.pm, 92
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeForeachStmt, S2/NodeForeachStmt.pm, 101
S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
S2::NodeFunction, S2/NodeFunction.pm, 230
S2::Checker, S2/Checker.pm, 374
S2::Compiler, S2/Compiler.pm, 34

Context
1559: """;
1560: print safe """
  • $*text_comment_permalink
  • """;
    1561: foreach var string key ($.link_keyseq) {
    1562: var Link l = $this->get_link($key);
    1563: if ($l.url!="") { """
  • $l.caption
  • """; $l->print_raw(); }
    1564: }
    1565: """
    1566:
    1567: """;

    Help with this would be greatly appreciated. I've redone the same steps over and over and keep getting the same thing. ugh.

    Thank you :)
    Sep 03 10 (UTC)
    crush: Adventure Time (Default)
    LJ had changed layout bits around for the new add-ons they have. I've updated the tutorial, and provided the old source codes to use for it. If you want another layout LJ has other than the ones I'm giving, I don't have the old source code.
    Jun 01 10 (UTC)
    braides: ( take a breath and move along; you could spend your whole life holding on (Default)
    thank you so much for this! i created a new account and couldn't get flexible squares to work when it used to work in my older account, so i think DW/LJ definitely changed something. logged back into my old account and ripped the code off from there though, and everything's working perfectly now :)
    Jun 01 10 (UTC)
    crush: Adventure Time (TV | Face)
    Yeah, it's looking like they changes things, which is driving me batty. I can't get it to work, so I'll see about putting up .txt files of the older code of what I do have. Which is Smooth Sailing, Flexible Squares and Mixit. Pity LJ goes and screws it up. :/
    Jul 19 10 (UTC)
    tastylove: (Default)
    awesome, but i'm still getting problems, even looking ofr the lines to delete and stuff :(

    I couldn't find the "group" line. I'm trying to use the flexible squares one. Thanks in advance if you can help me :(
    I tried others, like smooth sailing too, and still with the erros.

    the erros i'm getting are these on flexible squares:

    Compile error: line 1755, column 41: Unknown property
    S2::NodeVarRef, S2/NodeVarRef.pm, 171
    S2::NodeTerm, S2/NodeTerm.pm, 174
    S2::NodeTerm, S2/NodeTerm.pm, 66
    S2::NodeExpr, S2/NodeExpr.pm, 46
    S2::NodeArrayLiteral, S2/NodeArrayLiteral.pm, 108
    S2::NodeTerm, S2/NodeTerm.pm, 214
    S2::NodeTerm, S2/NodeTerm.pm, 66
    S2::NodeExpr, S2/NodeExpr.pm, 46
    S2::NodeVarDeclStmt, S2/NodeVarDeclStmt.pm, 54
    S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
    S2::NodeIfStmt, S2/NodeIfStmt.pm, 92
    S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
    S2::NodeFunction, S2/NodeFunction.pm, 230
    S2::Checker, S2/Checker.pm, 374
    S2::Compiler, S2/Compiler.pm, 34


    Context

    1751: var string{} link_text = {
    1752: "edit_entry" => $*text_edit,
    1753: "edit_tags" => $*text_edit_tags,
    1754: "mem_add" => $*text_memories,
    1755: "tell_friend" => $*text_share_this,
    1756:
    1757: "watch_comments" => $*text_track,
    1758: "unwatch_comments" => $*text_untrack,
    1759: };
    Sep 03 10 (UTC)
    crush: Adventure Time (Default)
    LJ had changed layout bits around for the new add-ons they have. I've updated the tutorial, and provided the old source codes to use for it. If you want another layout LJ has other than the ones I'm giving, I don't have the old source code.
    Sep 03 10 (UTC)
    colorless_landscape: (Default)
    Trying this for Flexible Squares. Took some searching, but I finally found and deleted the four that you have listed. But I'm still getting errors:

    Compile error: line 1758, column 41: Unknown property
    S2::NodeVarRef, S2/NodeVarRef.pm, 171
    S2::NodeTerm, S2/NodeTerm.pm, 174
    S2::NodeTerm, S2/NodeTerm.pm, 66
    S2::NodeExpr, S2/NodeExpr.pm, 46
    S2::NodeArrayLiteral, S2/NodeArrayLiteral.pm, 108
    S2::NodeTerm, S2/NodeTerm.pm, 214
    S2::NodeTerm, S2/NodeTerm.pm, 66
    S2::NodeExpr, S2/NodeExpr.pm, 46
    S2::NodeVarDeclStmt, S2/NodeVarDeclStmt.pm, 54
    S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
    S2::NodeIfStmt, S2/NodeIfStmt.pm, 92
    S2::NodeStmtBlock, S2/NodeStmtBlock.pm, 108
    S2::NodeFunction, S2/NodeFunction.pm, 230
    S2::Checker, S2/Checker.pm, 374
    S2::Compiler, S2/Compiler.pm, 34

    Context
    1754: var string{} link_text = {
    1755: "edit_entry" => $*text_edit,
    1756: "edit_tags" => $*text_edit_tags,
    1757: "mem_add" => $*text_memories,
    1758: "tell_friend" => $*text_share_this,
    1759: "watch_comments" => $*text_track,
    1760: "unwatch_comments" => $*text_untrack,
    1761: };
    1762: print safe """
    Sep 03 10 (UTC)
    crush: Adventure Time (Default)
    LJ had changed layout bits around for the new add-ons they have. I've updated the tutorial, and provided the old source codes to use for it. If you want another layout LJ has other than the ones I'm giving, I don't have the old source code.
    Sep 04 10 (UTC)
    mari: (Default)
    Hey, I think you uploaded the wrong code for smooth sailing? It's actually Mixit.
    Sep 10 10 (UTC)
    crush: Adventure Time (Default)
    Sorry about that, fixed the file, you should have the proper code if you download again!
    Sep 07 10 (UTC)
    melonbutterfly: Icon of Steve Rogers & Bucky Barnes; we see their backs as they stare into the icy ravine that will be Bucky's "death" (Default)
    Thanks for this! It made me so much happier, being able to take my layout with me. :D
    Sep 07 10 (UTC)
    dynamicsymmetry: (Default)
    Thanks so, so much for this. I've had it with LJ but didn't want to part with my layout, and this was a lifesaver. One question, though--and please forgive me if it's a dumb one--usernames don't seem to be showing up on my flist. I'm using Flexible Squares. Am I missing something? Everything else looks perfect except this.
    Sep 08 10 (UTC)
    crush: Sherlock Holmes (Movie | RDJ)
    That's very odd, and it's not the layout you're using?
    Sep 08 10 (UTC)
    inner_v0ice: (Sai - squee!)
    OH MY GOODNESS I LOVE YOU SO MUCH FOR THIS TUTORIAL.
    Seriously. Thank you so much for making this tutorial. You are the savior of pretty journal styles everywhere. <3
    Sep 09 10 (UTC)
    songfire: (ZQ thumbs up)
    Thank you so much!! I finally managed to get my lj layout to work here!
    Sep 09 10 (UTC)
    This may be a really stupid question, but I downloaded and used the Smooth Sailing source code you have here, and when I installed it, it said it's called Mixit. Then when I put in the CSS I used, my layout doesn't come out as expected.
    Sep 10 10 (UTC)
    crush: Adventure Time (Default)
    Sorry about that, fixed the file, you should have the proper code if you download again!
    Sep 09 10 (UTC)
    roadie: (Callum - Newbie scarf)
    Thank you so much.

    Your tutorial made it really easy to get my LJ layout over here. :)
    Sep 10 10 (UTC)
    shadowkitty: Aeryn attempting science (Aeryn)
    Thanks very much! Bit of an odd question: it won't seem to let me choose a page setup in mixit.
    Sep 10 10 (UTC)
    crush: Adventure Time (Default)
    I don't think you get the different page setup. Sorry. :/
    Sep 10 10 (UTC)
    snowpuppies: (Default)
    Utterly Brill. I've totally been looking for something like this! \o/
    Sep 11 10 (UTC)
    cycnus39: (Cows)
    Thank you :-)
    Sep 11 10 (UTC)
    siluria: (Default)
    Thank you so much for this (some lovely person pointed me in this direction)! My CSS skills are highly lacking and copy/paste is about as much as I can manage! However, I now have my lovely LJ layout over here too. Hopefully I'll manage to tweak those little things that aren't quite right, but it's a huge improvement from the dull one I had before, and I really appreciate you taking time to do the guide.
    Page 2 of 6
    <<[1] [2] [3] [4] [5] [6] >>
    This page was loaded Jun 28th 2025, 4:23 pm GMT.