Install this theme

Posts tagged: tumblr

This just made my day.

Jay Electronica is using Notations for his Tumblr blog. I’m honored. The man has taste, what can I say? ;) Go follow him. His new album is coming soon and it’s gonna be huge. http://eyeofelectronica.com

This just made my day.

Jay Electronica is using Notations for his Tumblr blog. I’m honored. The man has taste, what can I say? ;) Go follow him. His new album is coming soon and it’s gonna be huge.
http://eyeofelectronica.com

Kudos on the new photosets, Tumblr gang.

Photosets are now quite awesome.

Parity!

Parity!

Try this out.

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. ;)

Anonymous
asks:
How did you get your scroll bar? Can I have the code?

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.

Anonymous
asks:
would you consider making video tutorials on how you make these themes or better yet show us some codes? you use photoshop for this?

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!

tip for any Notations users who like big photos…

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.

I would officially like to beg for a wider-resolution dashboard here on Tumblr.

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.

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.