22 December 2011 @ 06:12 am
Making DW Look Like LJ  

How to Make Dreamwidth Look Super Cool and LJ-Like

Dreamwidth is an awesome site filling a huge role after the recent Livejournal Commentstyle Apocalypse, and while it's got plenty of the features we all want, the site scheme isn't entirely pleasing to the eye. Luckily, with a little help from some Greasemonkey scripts and the Firefox Add-on known as Stylish, your DW browsing experience can look as funky-fresh as the one pictured above. :D

Unfortunately, I only know how to do this for Firefox, but if anyone with any Chrome know-how has got this on lock, yet, I'll update the post with the info.

- Install Greasemonkey, if you don't have it already. Greasemonkey is an add-on for Firefox that enables you to use Userscripts to enhance your browsing experience. There's tons of stuff you can do with Greasemonkey, and I really can't recommend it enough, even if you end up deciding not to change the look of DW.

- Second, install Stylish! This add-on installs themes and skins for sites, including, but not limited to, journaling sites like Livejournal, Dreamwidth and Insanejournal. It should appear as a little box in the corner of your browser, and clicking on it will enable you to edit your styles.

- Install the Dreamwidth Site Scheme Detector extension for Greasemonkey.

- Install Tropospherical Blue for Dreamdwidth. It changes the pages to blue and white. In order for this to work, you must have your site scheme set to Tropospherical Purple. Please make sure to switch to that! You can do that by going here (this is also where you can switch off custom comment pages)!

-Install Dreamwidth for Widescreen! This will make the comments spread across the page rather than staying cooped up in the center like they are on the vanilla site. Particularly good for those of us who preferred Livejournal's spread-out look. Fix Page Width seems to do basically the same thing. I haven't seen any difference between the two, but they're both worth installing to see if there's any difference so you can pick and choose which one you prefer to use.

That should work, and it should make DW look as close to LJ as possible without... Actually being LJ, so you get the best of both worlds.

There are plenty more tweaks, too, found here. The custom skins are neat but can be pretty distracting, and most of us seem to prefer the calming, boring and sterile blue. But hey, it's worth looking, anyway.

And that should be it! There are probably plenty of other things to be tweaked, but, this will get you the basic LJ look. If there are any problems, let me know, and I'll try to help out as much as possible. I'm not really an expert on this, but, I'll do my best. o7

Other Fun Stuff
If you're like me you also prefer the customizable layouts from Livejournal. Well, while they aren't available on Dreamwidth, you can use LJ layouts using Dreamwidth's Layers feature. You can find a tutorial on how to do that here! It's fairly simple and makes it so that you can use Flexible Squares, Smooth Sailing, Nebula and Mixit layouts from LJ.

This post details a lot changes between LJ and DW, should you want any idea on what's missing over here.

Something else to be aware of is that tables don't work here the way they did on LJ. I haven't been able to transfer any of my fancy schmancy permissions posts over here just yet, but I'm looking into why that is and why we can work around it (because I am a big fan of pretentious coding and I'm sure other people are interested, okok).
( Post a new comment )
Aʙᴇʟ ・アベル[personal profile] mindwiped on December 22nd, 2011 06:55 pm (UTC)
DIV styles are disabled on Dreamwidth. A long time ago they mentioned why in a release post (I believe it was because their own site scheme overrode those changes), let me see if I can find it.

Also, you can change font color and face, but not the size. Tables work fine (width and height, as seen here in [community profile] cattery), but you can't change their background color, or give them a background image.
katara.[personal profile] watertribe on December 22nd, 2011 07:00 pm (UTC)
Bluuuh, all of the lameness. I'm such a sucker for BG images but I can get used to not using them for coding, heh. The loss of background colors is a bit harder to make up for, though. :(

That said, you can change font size, just with 'big' and 'small' instead of size tags. It's something different if you're used to just doing font size=10, but it's not un-doable at the very least!
Aʙᴇʟ ・アベル: pic#960666[personal profile] mindwiped on December 22nd, 2011 07:02 pm (UTC)
They said they were working on it. I'm sure if you ask in a release or news post, they'll answer.

Ah, I didn't know that, thanks for the tip!
☼ oerba dia vanille.: ouu! ☀ CUTE THINGS CUTE THINGS[personal profile] brightens on December 22nd, 2011 07:03 pm (UTC)
I will have to do that!

And no problem! ' u')/
Athuria[personal profile] deathcard on December 23rd, 2011 01:11 am (UTC)
As a slight correction to the above: background colors for the whole table don't seem to work, but you can still use them for individual cells using the style="background-color: rgb(0,0,0);" in your tr and td tags. It also works if you replace rgb(0,0,0) with #hexcode.

However images will totally work your tables with buffer space in the DW layout, apparently with or without background designs. Idk how well background images might work. :|a
♕ SORA ♕: pic#1079506[personal profile] gummiship on December 23rd, 2011 01:17 am (UTC)
Oh, awesome! And good to know! I'll give that a shot later. :D

Mostly I've used background images to be able to put text over the image to describe what's in the table (kink list, permissions post), but just posting the image as a header should be feasible. :|a Should.
Athuria[personal profile] deathcard on December 23rd, 2011 01:25 am (UTC)
I think profiles for DW/LJ also are limited on div tags and header images generally don't bork those up so that might work! No way to tell until it's done, I suppose. :|a
[personal profile] septim on January 11th, 2012 03:55 am (UTC)
Background tables, and tables as a whole, are available now.
(Reply) (Link)