LITTLE OBLIVIONS is a free rp theme best suited for single muse and personal blogs. if you want to see more free rp themes from me, please support me by liking and reblogging this post!
terms & conditions
feel free to edit as much as you want for personal use. dm me directly if you notice any bugs, and i'll help you privately. do not claim as your own. do not remove or move the credits. do not use as a base. do not takes parts of the code and put it into other themes. do not redistribute. because this theme is meant to be free, do not use for paid theme makeovers.
theme information
large contained theme with many color options and 540px posts.
all text in this theme is 14px or larger for accessibility.
lots of fun with gradients, grids, waves & blobs.
left sidebar with a custom title & description, basic links, and one image (318x250px). image should resize automatically.
navigational popup tab with another custom title & description, five more links, and three images (250x450px, 250x100px, 200x110px). images should resize automatically.
supports old & new post styles (legacy & npf-friendly).
muse picture: 200px by 200px | sidebar icon: 80px by 80px
unlimited muse boxes
two free sidebar links, two free muse links per
feel free to edit however you like for personal use. please do not redistribute, claim as your own, or sell to others.
credit is not necessary, but always appreciated! a like & reblog if you’re using is the cherry on top. and also feel free to mention me, i’d love to see what you come up with!
my askbox is always open for any questions or suggestions on resources.
i make all of my resources for free and always will, but if you’d like to leave a tip my ko-fi is ANAHILATION. enjoy!!
find the preview & download code in the SOURCE LINK.
nothing needs to be changed in the code, everything can be changed in the customize panel!
terms:
reblog if using
do not touch the credit
view all terms
credits listed in the code / credits page
please consider supporting me ♡
make sure you read through this post before asking questions!!
header
header image is 600px x 250px, it will crop to fit and is adjusted depending on screen size
if there’s no uploaded header image it will be a solid gradient background
the profile image is 100px x 100px & will default to your icon if no image is uploaded
the home/ask/follow buttons will become fixed to the header at the top of the page as you scroll
up to 3 header stats each with an icon and text
includes links to home, askbox, archive, and my credit
i recommend keeping your custom title pretty short!!
sidebars
the right sidebar can be toggled completely off if you don’t want it at all, otherwise the featured posts, blogs, & updates sections can be individually toggled
responsiveness:
the right sidebar will disappear and a sidebar button will appear to toggle it on/off
the left sidebar links will convert to icons only
the music player will become toggleable with the right sidebar
for very small screens, the top buttons on the left will become a footer
left sidebar links: up to 7 sidebar links
featured posts: 4 featured posts each with an image & url
blogs: up to 3 blogs each with a link to the blog & a follow button
updates:
up to 4 updates each with a title & text
i recommend keeping your update text to only one line
uploading your song:
i recommend using google drive to host your mp3 files - below is a brief explanation for how to do this but you can also see the resources provided here by glenthemes and more links on my credits page
to start you need an mp3 audio file, once you have the one you want go to google drive and click: ＋ New ➞ File upload
select your mp3 audio file and click open
open your newly uploaded audio file in google drive and click the three dots on the top right, then click Share and under General Access change it to Anyone with the link can view
copy the sharing link provided, it will look something like this: https://drive.google.com/file/d/1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz/view?usp=sharing
go to the following site and paste your sharing url in the first box provided: https://www.joelgrayson.com/drive-download-link-generator
your final product should look something like this: https://docs.google.com/uc?export=download&id=1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz
make sure the music player is toggled on in the theme, paste your audio link in the Song URL field
options to show/hide description, avatar, and tags on index page
your pages will appear in the link menu located in the navigation bar
POST SIZING:
options for large, medium or small posts
use the slider to choose your preferred post sizing and turn the other two off (the slider button should be grey for the sizes you don't want and blue for the one you want)
UPDATED:
more customization options
npf post support
npf-photoset fix from @glenthemes
support to show links to blog pages
search bar
view full credits
if you have any suggestions or feedback, message @capecoding
100% tall container and sidebars on desktop / see gif 2 for responsiveness. As always super customizable!
like or reblog if you use (or just if you like!). Don’t take off the credit, but edit as you please. Links and more instructions/specific sizes in the source! Do let me know if something is wrong, I welcome feedback of any kind.
reminder I have a ko-fi if you’d like to support me <3
in this blog you’ll find:
-the soundcloud player button will automatically be the same color as your tags background (because it's small and it looks nicer to have it match). The player is minimal with visible album cover, by shythemes. Also by @shythemes and with @bychloethemes fix, the pxu photosets and the way I styled the like button, lightboxes, and the script for automatic video resizing.
-npf photoset fix and the (optional) searchbar (hidden under the feather) by @glenthemes
and button to copy the url of the post.
-a second source link will appear if the post has a custom source/a source outside of tumblr.
- @magnusthemes' no ‘href.li anymore’ script.
-by @eggdesign (optional) daynight button you can toggle off.
-dropdown menu that appears when you click on the animated link, a floating feather (or whatever image you choose instead of it) will show 5 more navi-links and a link to each custom page you make if you enable 'show link to this page'. As many as you want, you can scroll down the sidebar when they exceed its height.
-Spotify (audio and npf posts) will have a max height that is half the width of your posts instead of a big album art so they won’t become giant (keeping the 80px height to make the album art disappear will remove the list of songs if you post a playlist so I shortened it * see notes in the post linked in the source.
-responsiveness: even 540px posts + padding and containers will fit in the smallest desktop screen (1024px) because sidebars grow slightly smaller than their regular 250px. In all tablets and mobiles you get the sidebars on top and the container below, you can scroll down to see the content and the screen will also scroll if needed. (due to everything being naturally 100% tall and the post-width changing depending on the user I couldn’t have thin posts fit in big tablet or I’d risk cutting off the larger ones). Topsidebar1 will also show as much content in a row as possible.
-lines around titles of posts from css-tricks, optional unnested captions by @annasthms
-lots of instructions in the html if you decide to change something more.
what you can customize without going to the html page:
rest under read more because as always it got long. Please check it out!
for the toggle on and off section:
-turn on and off the visibility of the second sidebar bg if you just want the floating feather (or an image you may upload instead), daynight mode, the searchbar, the searchbar suggestions that appear when you click on it if you don't want to go to the html editor to add the links, unnested captions for textposts and unnested captions for all other posts ( see faq if curious as to why I divided them); the glow around navi links and description. The normal description if turned off will be replaced by one with a "fancy" background that fits this theme. Rounded borders.
for the pick it/upload section:
-pretty much all colors in your 'regular' theme, including each sidebar, the posts container, the posts second container (entries) and the posts background. All images you see except the nightmode button. Including a secondary bg image for your sidebar when they turn into topbars (given the big change of width), see post linked in the source for more instructions.
-if you have enabled daynight button, you can change the color of posts bg, text, entries, backgrounds, bottom permalinks, links, italic, questions, answers. I couldn't add more or I'd surpass the number of allowed meta tags, but it should be enough to allow people to read your posts (if someone can't read white on black text, like me, they can click on the button and have black on white text, or some other combo) If you want to add more you’ll have to go in the html edtior and search body.night for ‘instructions’, it’s pretty easy now that the rest is already written.
select section:
-when it comes to the container behind the posts and each sidebar you can select the blending mode between color and background image, which can be none if you want only one to show fully, or can be hard-light, soft-light, multiply and more, to make the image an overlay and see the result (for example in the preview the sidebar's bg gifs are on multiply or they'd be golden, on top of violet/purple, but in gif 3 you also see the 2nd sidebar on hard-light).
-post width (between 400, 450, 500 and 540 px).
-the font of the posts text among MANY options, including some that wouldn't work well for a post but is there to show you all the potential fonts present in this theme. Why? See below.
text section:
-you can type the following fonts (picking among those shown in the select menu for body font): description, blog title, post title, bottom permalinks, tags
-the size of the gutter/distance between images in photosets, blog title size, post title size, posts font size, description font size
-the symbol in lists items, currently a star or ' \26e6 '. You can replace with other codes or straight up the symbols, there will be a link in the source-link with a page full of other css symbols, remember to add a \ before the code itself.
-the names and urls of navi links (two are under sidebar 1, currently being home and ask, 3 more in the other sidebar)
