[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 
May 07 09 (UTC)
krickets: (Default)
Awesome, thanks for this. I think I'll try using this to move my LJ layout over to DW.
May 07 09 (UTC)
crush: Adventure Time (Band | Persona)
No probs, anyway I can help I want to, it's cool that DW lets us do this too.
May 07 09 (UTC)
peaceowl: (Default)
i just wanted to say thank you so much for this. i love the way my dw looks now!
May 07 09 (UTC)
crush: Emma Watson (Actress | Devil)
No probs, I'm glad to help where I can!
May 07 09 (UTC)
farbenweberin: (Default)
thanl you so much, I will try this
May 07 09 (UTC)
crush: Adventure Time (Actress | Sunglasses)
No probs, also, I was curious as to how you found this tutorial, if you could tell me please, that'd be awesome, thanks!
May 08 09 (UTC)
patronus: (Default)
This is brilliant -- thank you so much! The basic layouts for DW are awful.
May 16 09 (UTC)
dazzlebug: (Default)
The first two commands you list to delete to get rid of the error messages were fine, but it wouldn't find either of these:

→ set text_meta_groups = "Groups";
→ "flag" => $*text_flag,

and so it wouldn't let me delete them, and I still have error messages. Do you know any way around this? I'm using Flexible Squares.
May 18 09 (UTC)
crush: Adventure Time (Band | Heart)
What are the errors you are getting?
May 20 09 (UTC)
Thank you :) That's was clear and useful :)
May 20 09 (UTC) - A Random Passer-by
darkdragonofthenever: (lockon and haru)
This really helped out a lot. Thanks so much for making this as painless as possible!
May 21 09 (UTC)
melomane: (Default)
this is awesome! thank you :D I just signed up and the default layouts made me want to scratch my eyes out lol!
May 21 09 (UTC)
puzzledpanther: (Default)
thankyou so much!
May 21 09 (UTC)
♥! This worked perfectly, thank you so, so much :D bookmarking for future reference.
May 21 09 (UTC)
majesty: (Default)
Hey this is awesome, thank you for posting it. I am trying to get Flexible Squares to work right now and I'm getting the same problem as someone further up in the entry;

Basically when deleting the lines from the text so it will appear without errors, I can do the first two fine but not the last two;

→ set text_meta_groups = "Groups";
→ "flag" => $*text_flag,

These are the errors I am getting;

BuildS2 Compiler Output at Thu May 21 14:56:59 2009
Error compiling layer:
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: "edit_entry" => $*text_edit,
1755: "edit_tags" => $*text_edit_tags,
1756: "mem_add" => $*text_memories,
1757: "tell_friend" => $*text_tell_friend,
1758: "flag" => $*text_flag,
1759: "watch_comments" => $*text_track,
1760: "unwatch_comments" => $*text_untrack,
1761: };
1762: print safe """
May 21 09 (UTC)
crush: Adventure Time (Band | Heart)
Line # 1758 is the line you need to delete. :)
May 22 09 (UTC)
toker: (Default)
do you know how to take a s1 generator style from a lj paid account and use it over here?
Nov 01 12 (UTC)
sashman: (ancient of mews)
I second to that question :P
May 22 09 (UTC)
That was very useful, thank you! :)
May 25 09 (UTC)
This was amazing, thanks! I got Opal to translate perfectly, along with my header. Brilliant.
Jun 05 09 (UTC)
aslana: (Default)
Thanks, so much, for this tut. It has really helped me out.
Jun 07 09 (UTC)
drinks: (no such thing as distance)
thanks so much for taking the time to make this tutorial :D i found it really helpful.
Jul 03 09 (UTC)
sufficeittosay: (Default)
this is the best thing i've ever found on the internet. including google.

thank you thank you thank you.
Jul 12 09 (UTC)
anaaga: (Default)
um can i get some help here? i can't find the last 2 lines i'm supposed to delete, and i don't have line 1758 either in my error :(

S2 Compiler Output at Sun Jul 12 12:35:46 2009
Error compiling layer:
Compile error: line 1743, 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

1739: "edit_entry" => $*text_edit,
1740: "edit_tags" => $*text_edit_tags,
1741: "mem_add" => $*text_memories,
1742: "tell_friend" => $*text_tell_friend,
1743: "flag" => $*text_flag,
1744: "watch_comments" => $*text_track,
1745: "unwatch_comments" => $*text_untrack,
1746: };
1747: print safe """
Jul 15 09 (UTC)
elleodee: (Default)
I think that it's your line 1743. :) I had the same problem and tried to follow what the previous person did and it worked out just fine! (Search for 'flag' by itself)

I couldn't find the 3rd line either but after deleting the 4th one it didn't show any errors. ^^;;
Jul 21 09 (UTC)
pinkmacarons: (Default)
Thank you so very much for this tutorial! You have helped me greatly <3
Aug 25 09 (UTC)
yrael: (Default)
This is so awesome!
Aug 25 09 (UTC)
brushed_velvet: (Default)
Thank you very much!
Aug 28 09 (UTC)
mercyisme: (Default)
Worked like a charm. Thank you very much!
Sep 04 09 (UTC)
even: (stewart)
thank you, your istructions look really good and simple. will try this in the evening.
Sep 10 09 (UTC)
noscrubs12345: (pd - digby - we&#39;ve just met and i love y)
Thank you so much for this. ♥
Nov 01 09 (UTC)
lark_ascends: Blue and purple dragonfly, green background (Default)
Thank you, this entry was incredibly helpful!
Page 1 of 6
<<[1] [2] [3] [4] [5] [6] >>
This page was loaded Jun 26th 2025, 4:28 pm GMT.