03 | recessional (layout)

[luckyzukky]

recessional

i'm really proud of how this one came out! probably the cleanest layout i've made up to this point. i went for a tumblr style theme and i think it comes across alright, though it's less tumblr and more generic wordpress theme at this point lol. i definitely want to make more tumblr-esque layouts for dw though, it's fun and strangely works well on a platform like this

there's a couple variations you can add but i didn't take screenshots, it's just a couple easy edits and didn't warrant a whole different version to show, i think

credit is not required but appreciated

how to install

step one: change base theme to plain for tabula rasa (but any tabula rasa theme should work, i just used that one)

step two: click customize theme

step three: scroll down and change page setup to 2 column (sidebar on left)

step four: go to the modules section and deselect all modules but profile, navigation, link list, and custom text. custom text and link list are optional but i recommend them. make sure all modules are in the main module section.

step five: go to the custom css section, make sure "Use layout's stylesheet(s)" is UNCHECKED, and paste the layout code into the box next to use embedded css

( CLICK HERE FOR "RECESSIONAL" CODE )

variations/modifiers (optional)

these are only if you want the layout to look a bit different! entirely because i couldn't make up my mind about certain parts but i didn't want to do a whole other version

left aligned content: instead of a centered layout, this aligns it to the left. go to #content and remove the following code line - margin: 10px auto;

static sidebar: if you don't want the sidebar to follow the scrollbar, this makes it static. go to #secondary and specifically the following code line - position: fixed;
change fixed to absolute

credits

tiny icons by dryicons.com

for the tiny icon codes i referenced this layout, which used an old tiny icon generator that doesn't exist anymore. i didn't wholly lift the code and change out the images but i did heavily reference it so i feel it warrants a credit

Comments

[dreamy]

This looks great! 🤩 Thank you for sharing & thank you for the variations!

[luckyzukky]

thanks!!

[parasitic]

amazing, I love a good minimalist theme. adding to memories immediately!! I haven't changed my layout in years so I need to brush up on all the dreamwidth features again ;;

[luckyzukky]

thank you so much!! glad you like it :')

[sargas]

This is a great balance of the clean/minimal yet functional kind of layout I've been looking for; thank you for sharing!

[luckyzukky]

ah thank you so much! i did test it on a personal journal so i'm not sure if there would be any problems, but if i missed anything feel free to comment here and i'll troubleshoot it ^^

[edrevol]

Thank you for this, it looks so sleek!

[luckyzukky]

glad you like it!

[lenivy]

Thank you, nice and sleek and simple!

Tweaked the image opacity cause it interfered with some of the entry pictures. And for some reason the auto margin made everything be very shoved to the right instead of centered. I played around with the margins to center it but I think it's gonna make it annoying on smaller screens, so I'm just gonna leave it left-aligned.

[luckyzukky]

thank you!! i love your tweaks :) i always have issues with dw layout margins and this one specifically was a bit of a pain but i'm glad you were able to fix it for yourself

[lenivy]

Oh, and I just remembered to put a link back to the code as well. :)

[wonderforehead]

this looks really good! thank you so much!
(saving this for now because still figuring out the site haha)

[luckyzukky]

no problem! lmk if you need help or something troubleshooted

[agentwilight]

hii! thank you so much for making this, it looks so good and sleek! however, i'm having problems with the sidebar. it doesn't seem to stick to the left entirely and it disappears once i have more than 1 post :') not sure if this is just my installation or something's up with my browser, but it seems to work fine for everyone else.

[luckyzukky]

thanks for using the layout <3 i'm looking at your journal from my end and the layout looks fine, can you tell me your browser and screen resolution? i did test the resolution briefly just now and the sidebar looks alright, though this layout wasn't made with responsive design in mind so if you have a smaller resolution that might be causing this problem i can probably go and fix it

[agentwilight]

i'm running 1920x1080 and opera gx! i'll try and open it on another browser. thank you so much!

[luckyzukky]

ah yeah i'm at a 1920x1080 resolution as well, so it's not that. opera gx is based on chromium so i went and tested the layout on a chromium-based browser, and the problem now appears for me. i'll try to troubleshoot it asap and get back to you, i assume it's a difference in how chrome renders the custom css

[agentwilight]

aaaa thank you so much! <333

[superstudio]

thanks for making this but like the user above, i can't seem to locate the sidebar when i'm viewing it on google chrome

[luckyzukky]

i haven't had the time to troubleshoot this unfortunately but i'll try to make the time for it soon - i'll let you know if i'm able to fix it. i assume it's a resolution issue or a compatibility issue with chromium based browsers so it probably won't take too much to fix, i hope. thanks for raising the issue, again i'll let you know how things go and i'll try to fix it as soon as possible. i appreciate the support

[monophobia90]

Thank you so much for this! This is exactly what is was looking for, great job!

[luckyzukky]

thank you for using it!

[bluemaze]

lovely layout, thank you so much!!

[luckyzukky]

<3 thank you!