#sidebar

[eossa]

Romantisch

Theme 14 by @eossa

Updated version of the revamped theme from 2022 - now supports Tumblr's new post format and types.

Please note that unlike the previous version, this one does not support infinite scroll, as it would keep breaking posts.

Please follow the source link or click here to access the previews and code for this theme.

[starlightthemes]

THEME PACK: THE ARCHIVE

Styled after AO3, this pack includes a theme and matching pages, and was designed for writers and readers alike.

🖋️ Theme 11: Archive Of Your Own

Live preview | Static previews: index page, permalink | Code

Full-width posts in an AO3 work index page format

Sidebars with optional sections such as featured tags, updates, rules, progress bars, and more

Unlimited custom links (display on sidebar or in top navbar), plus several social links in the footer

Add a custom logo beside/replacing your avatar

Inbuilt tag filtering plugin by glenthemes

All fields editable directly in the Customize menu, no HTML required. See below the cut for a full guide

🖋️ Page 3: Archive Records

Preview | Code

A WIP page designed to resemble an AO3 work page

Add tags for ratings, warnings, fandoms, characters, and more, as well as statistics like start dates, word counts etc.

Spaces for summary, start and end notes, and the 'work' itself

🖋️ Page 4: Archivist

Preview | Code

A combined about/navigation page based on the AO3 profile page

Include user statistics or any data you'd like, plus a longer bio

Sidebar navigation with link sections - unlimited links and link groups

The theme and pages all include options for multiple color palettes (initially set to Default and Reversi), text styling (choice of Tumblr/Google fonts and casing options), and more. -

Each page includes instructions on how to edit it, and color/image variables have been gathered together to make customization easier. While not necessary, basic knowledge of HTML is helpful.

For help, check my codes guide, or feel free to send me an ask. Theme 11 customization guide and credits are under the cut.

Theme 11 customization

Regarding the simpler fields:

"Secondary title" refers to the title just above the posts, under the header and navigation. This defaults to "[Total posts] Works in [Username]" when the field is left empty.

"Filtered tags" takes a comma-separated list of tags, entered exactly as they'd be written in the Tumblr post editor but without the hashtag. E.g. the tags #politics, #red and blue, and #green would be entered as "politics, red and blue, green" (make sure there's spaces, and no comma after the last item!). The filtering plugin will then put a warning message over any posts with those tags, along with a button letting you show the post.

"[Section] title" act as the headers for the corresponding section, if provided. "Custom links title" defaults to "Pages" if nothing is entered, and is used when the custom links are displayed on the navbar.

"Featured tags" takes a comma-separated list of tags, in the same format as Filtered tags. This field will display links to those tags, along with the number of posts in that tag on your blog, in the left sidebar.

The Recent posts section displays the 5 most recently posted/reblogged posts on your entire blog, displaying in the left sidebar. If you enter a tag under "Recent posts tag", it'll instead display the 5 most recent posts in that tag on your blog. Only 1 tag is allowed.

Rules and FAQ

Both these sections work the same way. Each new item, a rule or a question, consists either of one statement, or a statement and some more text, usually as an answer or additional note. E.g. the screenshot below shows three rules, where the last one has more text in the dropdown.

To create an item, prefix it with <li> . To add more text, create a <li> item and add a [more] label underneath, then write your extra text after that. To illustrate, here's the Customize page code for the above:

Updates

This section is similar to Rules/FAQ, though it flips the order around. After each <li>, first list the date, then add the [label] marker, then add your actual update. Again, here's an example:

And here's the Customize page code that created that:

Toggles

This section displays checked/crossed-out items, and uses a simpler version of the formatting for the above sections. Use <li> for each new item, then add [on] or [off] at the end, depending on whether you want it checked or crossed off. Here's an example:

And here's the corresponding Customize code:

Progress bars

This section also uses <li> items, where each item has two parts: the text label, and the number(s) for the progress percentages, put inside square brackets like with the other sections. Here's an example (note how the top two use fraction values while the bottom one uses a percentage):

And here's the code that made these. In short, the format is <li> Text here [##/##], or <li> Text here [##%], where ## refers to any number.

Social links in footer

The footer links, aside from the email and personal website fields, take usernames or user IDs for various websites. Be sure to check you're not entering a username in a user ID field!

The Email address field takes a standard email in the format youremail@mailprovider.com and adds a link to let people mail that address.

The Personal website fields will generate a link in the footer's Follow section. Personal website name is the human-readable text label for the generated link, and Personal website URL is the URL that will open when the generated link is clicked. Make sure to add https:// to the start of the personal website URL so the generated link doesn't just redirect you to a different part of your blog.

Credits

Layout and design by Archive of Our Own

Style My Tooltips by malihu

Phosphor Icons

Expanded Tumblr localization and NPF photosets plugin by codematurgy

Custom audio posts by annasthms

Tag filtering by glenthemes

Palette toggle by eggdesign

Scroll to top by Fabian Lins

[themesbyeva]

STAY HIGH THEME by mhango

Live Preview / Code

Features:

Responsive

Infinite scroll, manual load or pagination

Grid layout (one, two or three columns)

Unnested captions

Left sidebar with optional icon navigation

Changeable icons from feathericons.com

Up to 7 custom links

Optional hover tab with up to three sections

Optional dark tumblr controls

Multiple color & font options

Best suited for photo blogs - NPF and legacy photo posts look identical

Notes:

Full list of credits & rules within the code (please don’t remove)

The content of the hover tab can be edited by using basic html

Need any help with this theme? Contact me here!

Please like or reblog this post if you think about using this theme

[phantomcodes]

TEYANA | fansite theme by sage static preview & code / rainbow preview / live preview @lgbtqcreators​ event 01 — get to know the members / this theme is inspired by pride & some of my fav lgbtq+ musicians, happy pride month!!

read this post before asking questions consider supporting a gay nonbinary woc this pride month ♡

main features (more info below the cut):

navigation bar w/ blog icon, up to 3 extra links, menu button, & scroll to top

left sidebar with sections for:

an uploadable image or blog icon, title & url, custom description

optional: members, links, event, schedule, affiliates, projects, & stats

optional featured posts

follow button with status text

optional slideout menu with updates, faq, & ask box

color gradient with 3 color stops or a toggle-able rainbow color gradient!

toggle: rainbow, featured posts, slideout menu, every sidebar section, circular side image, hover tags, & glow effect

540px post size & 0px, 5px, or 10px border radius options

custom description, post margin, google font, title font, & font size

responsive design

everything except the affiliates section can be edited in the customize panel -  there’s no need to change anything else in the code

terms:

reblog if using

do not repost/redistribute or claim as your own

do not remove the credit

credits page

featured posts

uses an image url - includes image, title & link

up to 3 featured posts

sidebar sections

the image will automatically adjust to fit the full width of the sidebar (400px) & whatever your image height is

if you choose the circular side image it’s 200px x 200px

if there’s no sidebar image uploaded it will default to your blog’s icon

blogs section

this section will automatically populate with the members of your blog

it will show the blog icon, url, & title

links section: includes up to 8 links

event section: uses an image url, includes a title and button to show a short description & up to 3 links

schedule section: up to 4 timeline/schedule lines with space for a date and short description

affiliates section

this section needs to be edited in the code

search ‘edit here’ - there are notes in the code showing the format

projects section: up to 4 projects with a title and adjustable progress percentage

stats section: up to 6 stats & an optional additional description/disclaimer box

slideout menu

menu updates

up to 6 updates with an icon and text

the ask box is below the updates, it will only appear if you have asks turned on for your blog

menu faq: up to four questions/answers

general

there’s a million color options & options in general on this theme and ik that can be overwhelming sometimes! if u need any help or want advice on how to customize lmk

if you want a coding customization (ex. day/night, a header, changes to the sections/slideout menu, etc.) you can commission me!

minor customizations you make on your own for personal use are fine, if you’re not sure if a customization you want is allowed send me an ask

[mylittleitch]

Exquisite Design

[ethereal-themes]

VEGA: FANSITE THEME BY ETHEREAL-THEMES

View on payhip (free) or support me on patreon for more themes + pages, header templates, coloring psds and more every month! Fansite Theme

Navigation: Home, Contact, +6 additional links

1300 X 500 Header

Body font options

Dark or light custom tumblr tools control

Un-nested captions + NPF support ; All post previews are made using the new post editor, but this theme also supports old posts.

New + old post styles look the same.

Color options for: background, text, links, content, border, two accents, topbar background + links, featured tag accents, sidebar titles + background, questions text and more Individual Sections (with on/off toggle options):

Welcome

Featured Tags with four 200x250 images

Sidebar with on/off toggle options for:

320px wide sidebar image

Biography

Official Links

Schedule

Projects with 100X100 images

Twitter feed

Members

Extra Section

Affiliates

Site Info

Disclaimer

Do edit any feature to make it your own. Don’t use as base code, remove credit or claim as your own.

[sexynetra]

They are all the cutiest:)

[teecupangel]

I can't remember if Desmond knowing how to play guitar is Canon or fanon but either way I think it'd be funny if Desmond stumbled his way into being a semi popular musician like slightly less than d-list celebrity level

I think it’s fanon? 

But I can totally see Desmond learning how to play the guitar because he wants to experience as many things that people consider to be ‘normal’. It would most probably be a second-hand guitar, might have even bought it from one of his coworkers who just wanted to sell some of his stuff, maybe because he had too much already.

Desmond would check the net on how to play the guitar and he won’t get it immediately but he can be quite stubborn when he wants to.

Soon enough, he starts to enjoy playing the guitar and, before long, he started to learn how to compose music.

He would play out in the streets for the next two hours before he has to go to work and, yeah, it’s not really that profitable but it helps him practice and also give him a few bucks if he’s lucky.

Then, one day, his coworker sees him playing outside and suggests he tries to play for open bars instead. 

Who knows?

He might get lucky.

Desmond mulled it over.

Honestly?

It was risky as hell. He was staying under the radar because he didn’t want his father’s hippy club(cult) to find him but, at the same time, what the hell would they be able to do if Desmond does make it ‘big’ anyway?

So… 

Desmond does try out open bars. He focuses on the songs he’s more familiar with and… it’s not a hit but it wasn’t a failure as well.

The owner certainly asks if he could play again and Desmond isn’t stupid, he’s sure that he’s being paid less than he should be but…

It was never about the money anyway.

That was what bartending was for after all.

So Desmond agrees and begins to play in that bar whenever he didn’t have a shift in Bad Weather.

From there… it was a slow ‘climb’ but Desmond started getting noticed.

Someone suggests he starts a youtube channel and just post his covers of popular songs.

Desmond agrees to it because it’s not like he has anything else going on in his life.

He was saving up for a motorcycle but he used that money to buy the equipment all these websites said he would need to make sure the audio of his videos would be great. Hey, if it doesn’t pan out, he’d sell them for a cheaper price and just continue to save up for that motorcycle.

But it did pan out.

Not at the start.

But Desmond kept doing it, even adding videos of him learning how to play new songs. Some began to comment on his videos, suggesting he plays this or that and he tries them out.

It was nice.

Even if they were usually requests or comments about how he looks or his voice, it was fine.

But then he starts getting comments that he was getting better and a lot of them seemed to be truly trying to encourage him.

At the very least, he believed they were meant to be encouraging, anyway.

So he kept at it.

Continues until he starts getting messages for collabs with other Youtubers and he enjoys it.

Enjoys the comments and the friendliness that comes.

And he becomes one of Youtube’s best cover singers.

Unorganized Notes:

Desmond doesn’t know it but a lot of the encouraging comments he got when he was starting out were from Assassins. His face has already been uploaded in Erudito’s servers with a prototype aging program that tagged him. 

It was actually his mother who asked the Assassins not to take him back and they just… check up on him every time he posts. 

She and Bill got into an argument over how it’s clear that Desmond is enjoying his ‘civilian’ life and this is his choice. The Assassins smartly don’t say anything about it and just asks Erudito to make sure Desmond’s fake identity wouldn’t ping Abstergo.

In this one, the Assassins are actual fans, secret fans or just checking up on Desmond regularly because he’s still one of them even if he’s ‘retired’(ish). Regardless, they’re supporting him by commenting and liking his videos.

His rise to the top is because of his skills and luck though, Erudito didn’t rig anything.

He’d get some gigs but he’d mostly stay as a Youtuber since that’s more comforting for him. He gets to connect with people but he doesn’t have to be in the same room as them.

Desmond does livestreams where he just lets the chat requests songs for him to sing. Sometimes, he talk about which songs he likes and even plays a few of his original songs which he’s always embarrassed about, making the chat go wild because he looks adorable when he’s embarrassed.

Desmond sorta wants to try out other musical instruments and he teases his fans that he’ll show them his new instrument soon.

It’s a ukulele. 

He uploaded the big reveal on April 1.

Then he started to play Through the Fire and Flames using a ukulele XD

To be fair, his actual next instrument was a piano which took a lot of space of his tiny apartment and the fact that he’s so happy showing his fans the piano and telling them that this was probably the first non-second hand item he’d ever purchased made all his fans melt and are like ‘sweet baby boi must protect’

He’s not super popular and he’s not the best Youtube musician BUT he has a dedicated fandom that’s approximately only 5% made up of Assassins and Erudito pips.

And now, I will end this ask by sharing three actual songs that Nolan North sang (I’m not including the ‘A Whole New World’ one because the audio for that one isn’t that clear)

[whim-prone-pirate]

it's wild that during the siren episode of supernatural they had five separate characters get seduced by one siren and when that SAME SIREN seduces dean as a MAN!!!!! they had him say the word "brother" three times within a minute so that we ALL know HES NOT GAY !!!! NEVER WOULD BE NEVER HAS BEEN !!!!!! lmfao like ok

[wonhoutboy]

page_02: epitaph by wonhoutboy

light version: live preview / code dark version: live preview / code

• psd color/action preview; • 4 different models of psd coloring preview (2 still images, 2 gifs); • 1 action preview with before and after; • download button; • left sidebar; • white / black background options; • can be used as a base code as long as you credit me; • images used in the preview: x x x x x.

!! if you find any bugs/if anything doesn't go well or if you just struggle with customizing it, please reach out to me via private message or ask and i'll gladly help!

[eossa]

Lover

Theme 1 Revamp by @eossa

The updated 2023 version of the revamp of my very first theme, Lover. This theme now fully supports the NPF format and new post types, such as polls.

For the previews, info, and code, please click here or use the post source link.

[starlightthemes]

THEME 8: Washi (1)

Inspired by a washi tape-decorated journal spread created by a friend.

Static previews: index page, permalink | Code

Features:

Decorate 4 tapes using solid colors or images! Choose where and how the images are displayed—tiled across the theme, or as singular accents

Appearance options: Customizable post width, multiple font display options, and a variety of color options, including an (optional) color palette toggle

Tag filtering plugin by glenthemes—edit directly from the Customize menu, no HTML required (see below the cut for usage notes)

Unlimited custom links

Responsive

Supports new post types/pinned posts

And more!

For help, check my theme guide, or feel free to send me an ask. Theme credits are under the cut.

Tag filtering

In the Customize menu, scroll down until you find the text input field labelled "Filtered tags". By default, this is set to "spoiler, spoilers" (without the quotation marks). In this list, you can enter whatever tags you want to filter exactly as you'd write them in the Tumblr post editor, without the hash. Separate each new tag with a comma and a space.

For example, if I wanted to filter the tag #politics, i would simply write "politics". If I also wanted to filter #red and #green, I would now write "politics, red, green". Note that the last tag does not have a comma after it, and that spaces must be included!

Credits

Layout inspired by stuffandsundry, with permission

Style My Tooltips by malihu

Phosphor Icons

Custom like buttons by Demirev

NPF photosets plugin by codematurgy

Palette toggle by eggdesign

Custom audio posts by annasthms

Tag filtering by glenthemes

Scroll to top script by Fabian Lins

Images used in the preview:

Tiles: Green (title tape), pink (tape 1), yellow (tape 2), blue (tape 3)

Icons: Light mode, dark mode

[dethkrypt]

⟡ type o negative.net × header, bar & banner (2010)

added 3 of evidence so its less obnoxiously weirdly formatted..

[phantomcodes]

rose quartz theme by sage static preview & download / live preview

features:

sidebar with uploadable image, title + url, custom description, and 3 info stats

up to 3 extra sidebar links & scroll to top button

option to toggle glow effect, hover tags, & slideout menu

540px posts

0px, 5px, & 10px border radius options

custom post margin, google fonts, & font size

slide out menu with uploadable header image (500px x 200px) and sections for updates, blogs, and links

lots of customizable colors & options

nothing needs to be edited in the code, everything can be changed in the customize panel!

credits:

base code by me

all credits listed in the code

terms:

like/reblog if using

please consider supporting me!

do not redistribute as your own

do not remove the credit

[fivefingrr-discount]

various 88x31 buttons

(x) (x) (x)

[frangipani-wanderlust]

Ride-along with the sheriffs starts in ~20 minutes.