pixelunion-staff
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!

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!

  1. ialreadydontlikeyou reblogged this from pixelunion-staff and added:
    Stuff You Can Use: Topherchris’ Fullscreen Image Viewer Very useful indeed.
  2. urlisclaimed reblogged this from topherchris
  3. newtrendsinmusic reblogged this from topherchris
  4. itsmagnoliarose reblogged this from topherchris
  5. cameronscarlett reblogged this from topherchris
  6. trthbn reblogged this from topherchris and added:
    thaaaankyou chris, needed this for a while!
  7. semperbi reblogged this from topherchris