Posts tagged: Tumblr
Parity!
Want to try my /pictures gallery that I’ve been tinkering with, but with your pics?
Make a new page. Choose Custom Layout, and paste this code: http://cl.ly/7Sot
There are two options currently available: defaultTag, and batchSize. You can change those in the part that looks like this…
var myPictures = new TumblrPictures({ defaultTag: 'iPhone', batchSize: 10 });
(No guarantees how long I’ll leave the JS as is, so try at your own risk. And let me know if you have major issues. I may get back to you, but probably won’t. ;)
Very much inspired by David’s tinkering… I did a little tinkering of my own last night. I like it. I think I’ll add the ability to enter a specific tag, later.
Sure! In your CSS, add the following:
At the top:
html {
overflow-y: auto;
background-color: transparent;
}
Then, right AFTER the “body” property (also near the top), add the following…
@media screen and (min-device-width: 1025px) {
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 5px;
overflow-y: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 14px;
height: 6px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 5px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 7px;
}
::-webkit-scrollbar-thumb:vertical {
height: 0px;
background-color: #ccc;
border:1px solid #b5b5b5;
-webkit-border-radius: 7px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 0px;
background-color: #bbb;
-webkit-border-radius: 3px;
}
}
NOTE: This will only work for WebKit browsers (Safari, Chrome). All the other browsers can suck it. ;)
Also, if you’re in the Tumblr dashboard and want to see what this is about, go here.
If you’d like to make a Tumblr theme, my recommendation would be three-fold (none of which necessarily involve photoshop by the way):
1 - Learn HTML and CSS. If you don’t know at least enough of these languages to be dangerous then you’re not going to get very far. The Tumblr theme engine is a beautifully simply thing, but it requires knowledge of the basics.
2 - Read the documentation. It’s very thorough, and it’s the best way to learn. Just have it open right next to your file and refer to it constantly.
3 - Look at someone else’s theme code to see how they put things together. There are a few different ways of making things work, and if you follow someone else’s basic pattern/framework and then change the look with CSS, you’ll save yourself the time of recreating the wheel.
Hope that helps!
If you happen to be using my free and awesome Tumblr theme, Notations, you can put the following in the Custom CSS field of the Advanced tab to make your theme wider and even more glorious for photos:
#Main {width:870px;}
.Post .Photo img {max-width:100%;}
Just pick whatever width seems good to you. Mine is set as indicated and it looks rather smashing I must say. (You’ll want to make sure you have high-res photos turned on—also on the Advanced tab.)
I’ll be making a few other improvements (more options) to the theme one of these days soon, so stay tuned.
500 pixels?? that’s all we can have on our gorgeous screens??
(Source: m'dome.com)
by the way… notice how NICE this looks on my actual site?? yeah, me too…
Notations users (and their tasteful readers) now get to enjoy big luscious beautiful videos. Too bad I have to hack my theme to make them big — Tumblr still doesn’t allow high res video embeds. ;)
anyway, enjoy.
Just want to say how much I really enjoy all the people that I follow here on Tumblr. You all are great. :) That’s all. Enjoy your Dashboards.
My new NOTATIONS Theme is now ready for you to install on your Tumblr blog. :)
Here are the reasons I like it:
- A nice font. It uses the very nice Quicksand font by Andrew Paglinawan. It’s base64-encoded and looks gorgeous in most browsers. There is also an option to not use this font and default to Helvetica if you don’t like it.
- High res images. It uses high-res images whenever possible. To me, this really makes a big difference. I’ve actually had a blast going back through my blog and looking at photos. They just look better, bigger. It even makes Tumblr’s PhotoSet slideshows BIG. The images are scaled-up inside the Flash object, but they still look pretty good. (example)
- Options. The theme allows you to turn off/on a variety of handy options, i.e., whether to show note counts, a word-count for text posts, tags, ask & submit links, etc.
- Print this Post feature. For writers this might be nice. It’s a handy way to let a user pop-open and nicely print one of your text posts.
- Keyboard shortcuts! Your viewers can navigate between posts using the “J” and “K” keys.
- Has good support for all the Tumblr posts types including question/answer posts.
Anyway, you can see it in action on my blog, or give it whirl yourself if you’re inclined.
Check out this crazy theme I’m tinkering with. CHOOSY THEME. I’m not fully sure where exactly to take it yet. It’ll never pass muster with the Theme Garden because it uses the Tumblr API to get the posts directly and not the normal Tumblr template system.
At this point, the theme is really more of an experiment. It’s really limited, but I thought I’d throw it out there and let people toss ideas at it if they want to. You can leave suggestions or ideas here..
(I’ve really only tested it in Safari so far, so be warned. And get Safari if you don’t have it.)
Also, I don’t have any caching working yet (would love some tips if anyone has any), so it may just break from time to time because Tumblr’s servers don’t always return the JSON consistently.
Photosets are now quite awesome.