This is the theme I created for Band Names. Hopefully someone will find it useful. The permalink pages are pretty awesome.
Features:
- Automatic post coloring based on Muxtape’s color scheme.
- Random post coloring or post coloring by tag (eg: tag a post with “Turquoise” and it’ll appear turquoise) if you know how to comment out some of the javascript.
-
Keyboard shortcuts for pagination, as always.
- Ridiculous jQuery abound. Centering the images was kind of difficult.
- Support for groups, day pages, permalink pages, and search are built in. I might add tag support somewhere down the line.
Feel free to email me if you’ve got any suggestions for improvements or if you’re just having technical difficulties.
compatriot:
To install this theme:
- Download the file here.
- Copy all of its contents.
- Login to tumblr. From your Dashboard go to Customize > “Use Custom Theme”
- Paste the theme into the text box and Save Changes.
That’s it. High five, well done, nice choice. Tell me if you run across any design quirks, and I’ll get right to fixing them. Email’s a nice way to get in touch.
What does this mean? New design time wooooh.
Sorry I couldn’t manage to get the avatar in the header.
As a followup to this post I’ve updated my pageturn script to work on any part of the site with paginaiton. To do so, I relied on the getElementById method, which made things incredibly simple. It also means that in order to use the script on your site, you’ll need to specify an id for the pagination hyperlinks in your theme. For mine, I used the ids “older” and “newer.”
Check it out: Press the left or right arrow keys on a date, permalink, or main page and watch with delight.
Feel free to use it, either by linking directly to my script or by downloading and hosting it yourself.
Try pressing your right/left arrow key.
I mostly did this for an afternoon’s giggles and to reassure myself that I still kind of know javascript. If you’d like to implement it on your own tumblelog, just grab the script below:
/* pageturn.js
created by Ethan Sherbondy
originally for use at http://iam.tooepic.com
October, 2008
Feel free to modify this as you see fit.
*/
document.onkeyup = KeyCheck;
function PageTurn(a_id) {
var the_url = document.getElementById(a_id).href;
window.location = the_url;
}
function KeyCheck(e) {
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID) {
// Replace "older" and "newer" with whatever ids you gave your pagination links.
case 37:
PageTurn("older");
break;
case 39:
PageTurn("newer");
break;
}
}
