melo (
luckyzukky) wrote in
shinemagic2021-11-28 08:37 pm
Entry tags:
03 | recessional (layout)

recessional
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 versionleft 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 absolutecredits
tiny icons by dryicons.comfor 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

no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
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.
no subject
no subject
no subject
(saving this for now because still figuring out the site haha)
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject