i’m ro and i’m opening commissions indefinitely for now since i’m a neet with nothing to do. the prices are the following:
simple theme - £40 - minimalist / light on graphics (e.g. x x x)
complex theme - £50 - fansite / graphic-heavy (e.g. x x x)
custom page - £30 - navigation / tags / about / etc. (e.g. x x x)
matching theme + custom page - £70 (+ £10 for every additional page)
all commissions will be fully customised for immediate use with graphics included if relevant. that means these will be private pieces (i.e. not released for public use).
i have 2 slots open, one as a main slot and another as a reserve. once these slots are filled, any requests i get after that point may not be addressed if i close commissions, just to warn you. i will edit the post when my slots are empty / open again, and will take any requests from before if relevant.
main slot - [taken]
reserve slot - [taken]
rules
payment is upfront before i begin the commission. i charge via paypal invoices. once payment is confirmed, i will start working on your commission.
any significant requests/changes you ask for after payment for themes will incur a charge of £10.
if you want to request something incredibly complex / time-consuming, this is fine but we would need to discuss custom prices. an example of something i’ve made of that caliber can be found here.
any commissioned work is for personal use only, please do not redistribute/claim as your own work. the credit to my blog also needs to remain on the commission.
it will take 2-3 weeks to complete your commission, so please be patient. feel free to chase me up at the 2 week mark if i haven’t updated you already. if something comes up and there will be a significant delay in your commission being finished, i will let you know via email.
if you wish to commission me, please send an email to [email protected] using the following:
name: [name]
tumblr username: [username]
type of commission: [simple theme / complex theme / custom page / matching theme + page(s)]
specific details: [i.e. sidebar, header, graphic-heavy, multiple columns, minimalist vs maximalist style, colour scheme, artwork/graphics, tabs/pop-up pages, like/reblog buttons, etc.]
examples really help me out, you can find examples from my own work here, including previous commissions i’ve done, or you can take a look at what theme-hunter (x x) has listed.
that’s everything, send me an email if you’re interested. thank you ♥
Static previews: Header, left sidebar
Download code: GitHub
This is a single-column Tumblr theme with an option between a header or left sidebar, with Google fonts of your choosing. Optional dark mode and update tab is included. Supports NPF posts. Features and notes below the cut.
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 (temporary) | 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
this is a dumb question but how do you change the color of the like button control when it's liked from red to that blue color? thanks!
it depends on what like button code has been used. tumblr's default like button can't be changed, but if it's the custom one, then you find this line of code:
Full height sidebar with image, title, user info and description
3 Social links & 4 extra custom links
Accent colors (Blog author, link post, chat lines, audio meta, ask background, links background)
3 Custom Google Fonts, font size, weight, line height
Post width selection: 300, 400, 500, 540 & 700px
Mobile responsive
Credits:
Feather Icons
Meyne Textur font by Peter Wiegel
Sidebar image by Jon Tyson on Unsplash
Avatar image Jeremy Bishop on Unsplash
Dummy texts are lyrics by HEALTH and Perturbator
Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.
As always, explanations are in the code. I’ll be updating them from time to time. If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Send me a message. Please report any bugs to me by either opening an issue on GitHub or sending a message.
i’m ro and i’m opening commissions indefinitely for now since i’m a neet with nothing to do. the prices are the following:
simple theme - £40 - minimalist / light on graphics (e.g. x x x)
complex theme - £50 - fansite / graphic-heavy (e.g. x x x)
custom page - £30 - navigation / tags / about / etc. (e.g. x x x)
matching theme + custom page - £70 (+ £10 for every additional page)
all commissions will be fully customised for immediate use with graphics included if relevant. that means these will be private pieces (i.e. not released for public use).
i have 2 slots open, one as a main slot and another as a reserve. once these slots are filled, any requests i get after that point may not be addressed if i close commissions, just to warn you. i will edit the post when my slots are empty / open again, and will take any requests from before if relevant.
main slot - [taken]
reserve slot - [taken]
rules
payment is upfront before i begin the commission. i charge via paypal invoices. once payment is confirmed, i will start working on your commission.
any significant requests/changes you ask for after payment for themes will incur a charge of £10.
if you want to request something incredibly complex / time-consuming, this is fine but we would need to discuss custom prices. an example of something i’ve made of that caliber can be found here.
any commissioned work is for personal use only, please do not redistribute/claim as your own work. the credit to my blog also needs to remain on the commission.
it will take 2-3 weeks to complete your commission, so please be patient. feel free to chase me up at the 2 week mark if i haven’t updated you already. if something comes up and there will be a significant delay in your commission being finished, i will let you know via email.
if you wish to commission me, please send an email to [email protected] using the following:
name: [name]
tumblr username: [username]
type of commission: [simple theme / complex theme / custom page / matching theme + page(s)]
specific details: [i.e. sidebar, header, graphic-heavy, multiple columns, minimalist vs maximalist style, colour scheme, artwork/graphics, tabs/pop-up pages, like/reblog buttons, etc.]
examples really help me out, you can find examples from my own work here, including previous commissions i’ve done, or you can take a look at what theme-hunter (x x) has listed.
that’s everything, send me an email if you’re interested. thank you ♥
already got two requests in, slots closed for now but i will post an update if and when they re-open. you can send a request through if you want, just can’t guarantee if/when i will get to it. thank you for so much interest / signal boosting already!! ;;v;; ♥
This theme is for everyone! Highly customizable, it can be clean and minimal or go crazy with colors and backgrounds.
Features:
Glassy effect on posts that blurs when the mouse hovers it.
Responsive layout for all screen sizes (including mobile devices).
Display posts in one or two columns.
Switch between Dark Mode or Light Mode.
Support for NPF posts.Support for searches in blog and date pages.
Custom background image (big image or pattern).
Custom accent colors.
Select between 7 font types.
Select font size.
Optional about section.
Optional tags directory section.
Optional section to share blogs you follow.
Optional extra section to add anything you want.
4 optional custom links.
Support for page links.
Show/hide tags in posts.
Show/hide captions in posts.
Notes:
All can be customized in the Customization Panel :)
About the tags: to add your tag directory in the about section, in the textbox “Tags List” paste your tags in the following format:
[“Section 1”, “pixels”, “pixel art”, “kawaii”, “landscapes”, “photography”, “art”],
[“Section 2”, “nature”, “green”, “animals”, “fantasy”, “magic”, “dogs”],
[“Section 3”, “codes”, “themes”, “pages”, “resources”, “layouts”, “html”]
You can separate your tags into subsections. Each section is a set of words wrapped by [ ], and each word must be wrapped by “ ” and separated by commas. The first word is always the section title. Also, each section must be separated by a comma, but note that the last section does not have a trailing comma. In the last example there are three subsections for tags, if you only want one subsection for your tags just copy and paste the following:
Neon is a contained theme which features animated floral features and other decorative elements, creating a maximalist, scrapbook-like design — Perfect for those who want a more artistic blog theme!
Features: contained theme, decorative elements, animated flowers (3 different petal shapes), big title, user profile (icon + status + another title), searchbar, 250px/400px/500px posts, styled search & tag pages
Hi im just learning to code and was wondering how you made the underline on your tumblr wiggle. I have been looking everywhere.
I'm using an svg animation to create it!
The svg code for the wiggly line is the source for the background image. It functions the same way an <svg> tag would so I can change the stroke width, color, and add some CSS animations. This is a better explanation on how that works.
It'll be easier if you're familiar with SVGs and CSS animations, so make sure you read up on that if you're feeling lost. Also it was easier to include my svg background in an external stylesheet than trying to include it with the rest of my theme.
There's also underline hover effects and menu hover effects from codrops that are fun to experiment with!
