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 [email protected] 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
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
ā Live Streamingā Interactive Chatā Private Showsā HD Quality
Anya is LIVE right now
FREE
Free to watch ā¢ No registration required ā¢ HD streaming
...if only in a more annoying way, but still. Hereās an explanation.
Okay. So. With the old desktop Tumblr, you could browse your likes by entering a page number. Super simple. With the new dash, pagination disappeared. Without pagination, thereās no way to get into your likes except by starting at the most recent. And if youāre like me and have several thousand likes dating back years, that isnāt going to work.
Pagination is now back but now it looks like this: https://www.tumblr.com/likes?before=1590290753
That bolded number at the end is now a Unix timestamp, so that URL would show you your likes starting right before May 24, 2020 @ 3:25am (UTC). Use a Unix timestamp generator/converter to get the number for the date you want, and just use that URL with the Unix time you want.
You can google āUnix timestampā or āUnix time converter;ā based on my 5 minutes of testing I like EpochConverter.com* because it has a pre-filled human date which means less typing of minutes and seconds for me, but thereās a bunch of others.
Side note: you do not need to have endless scrolling disabled for this to work, you can copy and paste the URL above. (But if you wanna disable endless scrolling, Settings > Dashboard > make sure āEnable endless scrollingā is turned off)
Other side note: as I type (July 2020), pagination is back only for likes, not for the main dash yet.
(Update: pagination for your dash is back in 2021, but it uses post ID numbers rather than Unix time, so I havenāt found a way to easily figure out how to jump to a certain time frame. My best suggestion is to disable endless scrolling so your dash will have pages, and that should make it easier for you to keep your place if youāve got a lot to go through.)
*Not actually linking in this post since Tumblr tends to hide posts with external links
Hey, sleepyheads! This theme has been a work in progress for quite some time. It took awhile to finish because I kept changing how some features were designed. But, Iām really glad it looks great. I also use Silaw for my main blog @carriza. Cara is just my nickname HAHAHHA. Also, cheers to my fellow Filipinos in Tumblr!
This is the fourth theme of Pillow Themesā theme series titled Mezurashii.
Rules:
Do not steal snippets or all of my codes.
Do not claim the theme as yours.
Do not remove my credits.
Features:
Infinite scroll and pagination
One column layout (with 500px post size)
Hover option for reblog, note count, tags, and date of posting
400px sidebar width + icon for your accent color (you can also change it to an image)
Three (3) extra links (but you can always add more) + link hover effects
Tab for your updates or what youāre currently doing (reading, listening, etc)
One accent color for permalinks, links, and other features
Designed permalink page
The themeās codes has built-in guides for you to fully customize your theme.
Thank you to @alagadda for the theme name suggestion! :>
Please like or reblog if youāre using the theme!
so, it took a reaaaally long time to turn this into something that was (semi) user friendly. iām putting this out there because iām a little tired of seeing it in my drafts. enjoy!!
features:
one column layout (540px post size)
fixed sidebar (option for background & sidebar image)
fixed multi-column footer with customizable content
alternate title, social media icons/links
four extra links in sidebar + room for more in the footer
option to hide footer, caption, and alternate title
one dominant accent color with an option for a secondary color
terms of use!!Ā (donāt take snippets, donāt use as a base, donāt remove credits)
please like or reblog if youāre using the theme!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
ā Live Streamingā Interactive Chatā Private Showsā HD Quality
Anya is LIVE right now
FREE
Free to watch ā¢ No registration required ā¢ HD streaming
- Do not redistribute this theme and claim it as your own.
- Do not remove the credit or move it to another page.
- Minor changes to this theme are allowed.
- Please like/reblog if using.
If you like my designs, but you would like to have an unique theme you can commission me.
Features: Ā (under the cut)
MENU
main links
SEARCH PANEL
SIDEBAR
avatar
blog title
description
navigation (up to 6 custom links)
POSTS
one column (300px, 400px, 500px, 540px or 600px)
post info (plus option to show post info on hover)
permalink, like and reblog buttons
optional captions
optional tags
OTHER
spooky elements
responsive design
custom colors
google fonts
saturn icons
custom scrollbar
pagination or infinite scrolling (with load more option)
@staff ok, sorry, maybe I should have been a little more specific:
When Iām following someone, I want to see everything they post. In the morning before work, Iāll start paging back through my dashboard looking at all the posts that were made since the last time I was on Tumblr. I rarely get through them all, to the posts Iāve already seen, before I have to stop and go to work.
Before the update, I would bookmark where Iād got up to. Then at lunchtime, Iād load up the bookmark and keep scrolling back. I can share bookmarks between devices, so I take the page Iād gotten to on my desktop and resume reading page-by-page on my tablet. When my lunchbreak was over, Iād bookmark where Iād gotten up to again.
Eventually, Iād get back to posts Iād already seen, and delete the bookmarks. Maybe it wasnāt the most efficient system ever, but it worked.
Then you removed pagination. I couldnāt bookmark pages anymore. I had to start with the most recent (that Iād already read), and scroll back through all the posts Iād read in the morning to find the posts that I hadnāt read from the night before.
Adding pagination buttons back in without bookmarking doesnāt actually solve my problem, here.
