pixelunion-staff: Stuff You Can Use: Topherchris’ Fullscreen Image Viewer Yesterday, Tumblr’s Topherchris posted a link to (and instructions for) plugging a fullscreen image viewer into your theme. Designed by Chris himself, it’s easily applied as an additional page on your blog. Why is this cool? Two reasons. First, if you’re running a personal blog you likely have a swarming potpourri of text, image, link, and video posts. Creating an additional image-only page, and running a dedicated fullscreen image viewer on it, is a great way to keep your visual content partitioned and organized. Second, experimenting with smaller plugins like this is a great way to dig further into Tumblr’s backend (*comedic tuba sound*) and get a feel for what goes into a theme. And if you’re already code-savvy, it’s always a pleasure to play around with solid work like Chris’. The instructions are pretty straightforward: First, go here. Hit Command-Option+U for the page source. Copy it. Then, head back to your blog’s customization sidebar. Create a new/additional page, and select “Custom Layout” at the top.  Paste the copied page code into the bottom box, and name your new page. That’s it! Let us know what you think, especially if you do any work of your own to the viewer. And as always, comment away! Thanks for the writeup, you guys!
Zoom

pixelunion-staff:

Stuff You Can Use: Topherchris’ Fullscreen Image Viewer

Yesterday, Tumblr’s Topherchris posted a link to (and instructions for) plugging a fullscreen image viewer into your theme. Designed by Chris himself, it’s easily applied as an additional page on your blog. Why is this cool? Two reasons.

First, if you’re running a personal blog you likely have a swarming potpourri of text, image, link, and video posts. Creating an additional image-only page, and running a dedicated fullscreen image viewer on it, is a great way to keep your visual content partitioned and organized. Second, experimenting with smaller plugins like this is a great way to dig further into Tumblr’s backend (*comedic tuba sound*) and get a feel for what goes into a theme. And if you’re already code-savvy, it’s always a pleasure to play around with solid work like Chris’.

The instructions are pretty straightforward:

  • First, go here. Hit Command-Option+U for the page source. Copy it.
  • Then, head back to your blog’s customization sidebar. Create a new/additional page, and select “Custom Layout” at the top. 
  • Paste the copied page code into the bottom box, and name your new page. That’s it!

Let us know what you think, especially if you do any work of your own to the viewer. And as always, comment away!

Thanks for the writeup, you guys!

Source: pixelunion-staff