Tumblr Theme Renovated
Well that’s better.
I’ve modified my theme to have what I think are essentials for a Tumblr theme.
- A clear indication of when something was posted (previously it only showed the date or time).
- Indication of notes, tags, and comments
- Easy to find “permalinks” (well, they are easy to me. What do you think?)
- Name of the site should always link to the first page
Plus a bonus that I have wanted: a clear link to a larger version of picture posts. Some themes only show very tiny versions of pictures, and if there’s a “click through” link, you might not be able to get the larger version.
Lastly, I added a “Following” block and made sure that I defined the size so that the page layout doesn’t move all over as the images are loading. If you hover each of the Following icons, it shows both the name of the website and the Tumblr user (which are sometimes the same and sometimes not).
(I’d prefer to be able to make a “Following” page rather than have it on every page, because it can be terribly slow to load, but that’s not possible at the moment.)
Dear CSS/HTML gnerds: Two problems remain, and I can’t figure out either one, both are related to div#following. On Safari, hovering the icons does not show the tooltips which are visible in Firefox. In Firefox, each icon is surrounded by an ugly blue THIS IS A LINK border, despite the fact that I set:
div#following a { text-decoration: none!important; }Other that that, I’m fairly pleased with the result: http://funsizebytes.com/
(I realize that 90%+ of you probably never see the main page which makes this an exercise in futility, but nevertheless it was, mostly, enjoyable.)
My theme can be found here:
http://dl.dropbox.com/u/18414/FunSizeBytesTheme.txt
The CSS can be found here:
Try adding this
div#following img {
border: 0 solid #fff;
}
I’m thinking that what happens is that Firefox doesn’t see the border on the image as “text-decoration”, so it still includes the border.
Source: tj
