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!
Jun 15 13 (UTC)
joyfulljunebug: (Default)
I'm using this flex layout here & I can't get it to work =(


What it should look like!

What it does look like!

Any ideas how to fix this!
Jun 16 13 (UTC)
Thank you for making this tutorial! It was really, really helpful. uwu
The only issue is, I've encountered this:
Error compiling layer:

Compile error: line 7, column 2: Unknown token encountered while parsing layer: [TokenPunct] = /
S2::Layer, S2/Layer.pm, 68
S2::Compiler, S2/Compiler.pm, 27


7: /* Cleaned CSS: */
8: /* S2 Flexible Squares by punch @ novoluxa */
10: body {
11: background: #f2f2f2 url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/2eansjp-1.png) fixed; color: #b8b9b9;

What should I do?
Thank you!
Jul 01 13 (UTC)
arcanines: cr: heist (Default)
thankyou for this awesome tutorial,

however when i finally put on the layout, it went all wear and dot point-y (click on my profile and you'll see) I was wondering how you could fix this? ;w;
Oct 24 13 (UTC)
doeeyedbecky: (Default)
You have NO idea how much I could KISS you right now!

Just curious though... if I want the same layout, but different themes, How would I do this?

For example, I want to use pink and blue for my color scheme, but I ALSO want a Christmas theme. Is it possible to make a Christmas theme withOUT changing the colors on the pink/blue theme?
Jan 30 17 (UTC)
girlingoldboots: (Default)
Will this work with InsaneJournal?
Apr 06 17 (UTC)
manubibi: (Default)
Apr 07 17 (UTC)
kinwad: (clouds)
I know this is an old post but I just wanted to say thank you, thank you for explaining how to do the custom style sheet. I came across your LJ after trying to muddle through and it was a godsend! Tx again!
Apr 10 17 (UTC)
winkychan: (Default)
Thank you so much for this awesome tutorial!
I imported my journal and community layouts which were Smooth Sailing without any problem! Thank so much once again :)
Apr 12 17 (UTC)
zsuness: (Default)
thank you <333
Apr 18 17 (UTC)
lady_noremon: (Alex)
I found that InsaneJournal has the source code for Tabular Indent layout on their website. I found this entry while looking for how to install it on DreamWidth, so figured I'd share!~

{ http://www.insanejournal.com/customize/advanced/layerbrowse.bml?id=tabularindent/layout }
Apr 19 17 (UTC)
casket: (Default)
your flexi squares codes helped fix an issue i was having with the subject links not working so (( thank you ))
Apr 24 17 (UTC)
THANK YOU!! Worked like a charm. :)
Apr 30 17 (UTC)
muze: (Default)
Thank you so much! Much appreciate your helping us with this tutorial! ^_^
Page 6 of 6
<<[1] [2] [3] [4] [5] [6] >>
This page was loaded Oct 20th 2017, 10:33 am GMT.