Update
I’ve just done a big update on all my themes. If anyone using one of my themes finds that something is broken, just go back to pastebin for the updated code.
This update includes fixing the ever-favourite Steampunk Theme!
Tutorial: Popup Askbox
As seen in my Library Theme.
Flitterful Theme: Live Preview | Code
Flitterful is a sophisticated theme with plenty of customisable features. Works well for image-heavy and text-heavy blogs alike.
Features:
- Seperate header area and sidebar
- Single column
- Easy to navigate
- Every colour is customisable
- So is every image including background textures
- All images will resize to fit, though the banner image should be at least 560px wide for best quality.
- Works on the latest versions of all major browsers.
.
Star Trek LCARS Theme: Live Preview | Code
"LCARS" is a computer operating system within the Star Trek universe, an acronym for "Library Computer Access/Retrieval System". Consoles in the TNG, DS9 and VOY series all use this GUI system.
Features:
- Adjusts both height and width-ways to any monitor.
- The sidebar scrolls before it gets to tall, so you can write as much as you want in it, even add images.
- Add as many links as you want using tumblr's link system.
- You can rename those links to neat Trekkie-lingo.
- ALL colours are customisable.
- But there are some preset colour schemes too you would rather use those.
- The date above each post can be reformatted (DMY, MDY, YMD)
- And more! Check out all customise options here.
So I'm a huge perfectionist when it comes to my blog banners ever since tumblr made it a feature. I even made myself a photoshop-file template to arrange things nicely and crop and adjust colours before uploading it to tumblr.
Now I'm making it available to my followers. Now it is a photoshop file, made in CS4 compatibility mode so unfortunately only some of you will be able to use it. The download for it is here. It comes with organised layers and guidelines to help you out if you're a perfectionist like me.
For those who can't use the file, I'm going to give you a rundown here.
Banners
Your uploaded banner should be at least 625x353px. For HD use1250x706px. Use jpgs for fast loading times.
When displayed on the side of the dashboard your banner will appear slightly smaller but the dimension ratio will stay the same. You don't have to worry about anything being cropped out.
Do not round the corners of your banner (as shown in the preview). Tumblr will do that automatically.
Icons
Uploaded icons should be at least 128x128px, but it displays in the preview as 96x96px.
Even if you choose to display your icon as circular on the settings page, you still need to upload a square image.
Halloween Theme: Live Preview | Code
It's October! And it's about time I provide a halloween theme.
Features:
- Swap out the orange for any colour
- Up to 8 links
- Infinite Scroll
- Custom title font
- Large posts, 700px
- Clear and easy layout, which works on the latest versions of all major browsers.
- Spooky
Burton Theme v.2: Live Preview | Code
And old theme done up for added functionality
Features:
- Banner that can be replaced with a custom image
- Sidebar and main content
- Highly customisable: colours of the background, text, links, and also font type and sizes.
- Custom sidebar image
- Optional RSS and Archive links
- NEW: Sticky navigation and sidebar
- NEW: Optional search bar
Thanks to Heytonks for providing the script for the sticky navigation.
EDIT: This theme has been retired(?)
Reblogged
Sherlock theme v.2: Live Preview | Code
This is an updated version of my Sherlock theme.
Existing Features:
- Popup navigation menu when you mouse over the smiley.
- Infinite scrolling.
- Simple layout using the same white text from the series.
- Static nav menu (so you don’t have to scroll back to the top to find it.)
- Custom font sizes and link-hover colour.
- Optional RSS and Archive links in the nav menu.
New Features:
- Time posted, notecount and tags now appear beside each post when the posts is hovered over instead of being permanently fixed beneath it.
- The navigation menu for the smiley face now runs on css alone, no javascript. It is also fixed in place this time so that it doesn’t overlap the main content.
- Custom links are no longer listed in the customise options as “link 1, url 1, link 2, url 2, etc…” With the Javascript no longer causing a problem with showing your regular page links, those are back and fully operational.
- There are also a few small improvements to the layout of the permalink pages.
Version 3
- Now has a place for a title and description
- Sidebar appears when hovering over the smilie face
- This hover option can be turned off so that the sidebar is always visible
- Optional searchbar
- Tags and permalink are now a little easier to read
- A few more customise options including fonts and font-sizes
EDIT: This theme has been removed(?)
Pottermore Theme v.2: Live Preview | Code
Version 2, based on the official Pottermore website and styled to look just like the front page.
Features:
- Three-columns: wizard photo, main content and info.
- Wizard photo, info and background do not scroll with the page.
- Upload your own ‘wizard photo’ (left column).
Dimensions are 257x144. - Tick boxes to display your links: ask, submit, pages, RSS, archive.
- NEW: The ‘wizard photo’ is no longer restricted to the 257x144 dimensions. Upload any size image you like.
- NEW: Optional search bar to the sidebar
- NEW: Optional Infinite scroll
Reblogged
Dark Beauty Theme v3: Live Preview | Code
This was the first theme I ever released, and naturally I’ve gotten a lot better at theme-making since then so I fixed up a bunch of stuff and am re-releasing it.
Features:
- Single column
- Custom colours + white
- Fixed sidebar
- You can now switch which side the sidebar is on.
- Upload your own sidebar image (it will automatically resize to fit).
- Works in all major browsers.
Version 4
- Loads more customise options
- Now has 2 instead of 1 colour option for the background, giving you more flexibility when customising
- In fact every colour can now be customised
- You can change the opacity of the posts
- Change font sizes
- And there's now an optional search bar
EDIT: This theme has been retired(?)
Reblogged
Steampunk Theme: Live Preview | Code
The most complicated theme I have ever made. Based on the Steampunk aesthetic, this theme is full of moving parts and detail galore. The only downside is it may take a while for the page to load the first time you view it, but it’s totally worth it.
Features:
- Contains a ‘functional’ cog, pulley and weight system that moves with the page as you scroll.
- Custom background colour.
- Unlimited links. Your first 6 links display as fancy buttons to the right of your description. If you have more than 6 links, the rest display below your description.
- Optional infinite scroll.
- Custom sidebar image. Upload any square image and it’ll resize to fit.
- Border and link colours are customisable.
- Description scrolls when it gets too long.
- Special formatting for the new reblogged asks.
- Like buttons and reblog buttons on every post.
- Works on all major browsers (yes, even IE).
A lot of images have been used to make this theme, from all over the internet. Take time to check out the page where I have credited them all.
Gawd I just have to rant about this theme.
I love it.
I’ve been trying to change my theme for awhile now and I every time I go to my blog i just remember how much I live for this theme. That may sound like an exaggeration but it is not. Okay this theme doesn’t use Java or Flash like it could to add the interactive bits, it uses the same three things that all websites are built off of. Same. Three. And just look at that functionality.
The thing with programming is it’s actually really simple. Once you’ve go the basics down, everything just goes ontop of that. Anyone who knows HTML, CSS, and Javascript could program this in theory. There are just some issues with that.
Who has the willpower? I visit around fifty websites a day and I’ve never come across one that even comes close to this level of user functionality. All the while, the webpage is not bloated. It takes the same amount of time to load this theme as it does any other theme. Awesome.
Despite what I said early, this is probably some of the most complex level programming possible with your three basic ingredients and all so someone could see it on their dash and go “Oh, nifty”. The sad part is that that is what it’s like being a programming. If you are doing your job well, people shouldn’t think of you. As a programmer you are suppose to be invisible, it’s not about you, it’s about what you make and share with the world. So as a programer Eris put in an insane amount of time and effort into this theme and they’re not even getting paid for it.
So lets recap, Eris put an insane amount of time and effort into a theme that they are receiving hardly any renown or monetary payback for. This theme of which whose complexity puts a large amount of fully fledged websites to shame, and Eris is just sharing it with us.
Okay now I just have to rant about the symbolism here. How much effort went into a steampunk theme. Steampunk, where grand extravagant things are built with little tiny building blocks brass and steam. The concept of this tumblr theme is built and weaved inside of itself. This extravagant, user minded, steampunk theme is completely in line with clockwork cities and horizons made of airships.
To me this theme is just perfection served up in a simple block of text, and I can not get over how much I love this theme.
Thank you, Kerreal!
10 Christmas Themes
Wintry by purloinedinpetrograd
Fudge by octomoosey
Xmas 2012 by themesbyeris
Christmas Theme by elinsthemes
Christmas theme by work-it-out
Christmas Theme 2 by work-it-out
Christmas theme 3 by work-it-out
Christmas Theme 4 by work-it-out
The One With The Snowflakes by dollybunsthemes
Theme 13 by sextlous
Reblogged
Xmas 2012: Live Preview | Code
Happy obligatory christmas theme! Single column, decorative sidebar of 3 christmas bobbles, and EVERY colour is customisable. Check out the full list of customise options here.
Just a reminder that this theme exists.
Steampunk Theme: Live Preview | Code
The most complicated theme I have ever made. Based on the Steampunk aesthetic, this theme is full of moving parts and detail galore. The only downside is it may take a while for the page to load the first time you view it, but it's totally worth it.
Features:
- Contains a 'functional' cog, pulley and weight system that moves with the page as you scroll.
- Custom background colour.
- Unlimited links. Your first 6 links display as fancy buttons to the right of your description. If you have more than 6 links, the rest display below your description.
- Optional infinite scroll.
- Custom sidebar image. Upload any square image and it'll resize to fit.
- Border and link colours are customisable.
- Description scrolls when it gets too long.
- Special formatting for the new reblogged asks.
- Like buttons and reblog buttons on every post.
- Works on all major browsers (yes, even IE).
A lot of images have been used to make this theme, from all over the internet. Take time to check out the page where I have credited them all.
Calligraphy Redirect Theme: Live Preview | Code
A simplistic redirect theme with a twist: It redirects to specific posts. Great for people who offer tutorials, make helpful lists and so on.
For example... youroldusername.tumblr.com/post/31415926535 ...goes to... yournewusername.tumblr.com/post/31415926535
Works on all major browsers.
Tumblr RPG Theme: Live Preview | Code
A theme just for RPGs! Lots of space for links, character lists and other info. A larger focus on the description and side area than in normal themes. Multiple tabs lead to different sections of the homepage, like an application form, a list or rules, or an FAQ list.
Multiple tabsAnd you can add more tabs, instructions are in the HTMLAn application tab with description and submit formAn ask tab with FAQA tab just for your list of characters, with the ability to link to their blogs, and separate the list into categories250px, 400px, 500px and 700px postsAnd you can switch which side the posts sit on
Works on the latest versions of all major browsers. If you want to adapt this to something other than an RPG homepage, be my guest.
EDIT: This theme has been removed(?)