Skip to content

fredsterss/Widthy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Widthy:
Full Width Photosets for Tumblr

Purpose

This is intended for Tumblr theme hackers who want photosets to be full-width at larger widths than 500px (the current maximum).

Why?

If you're as anal as me (read: a designer) then you don't like Tumblr's janky 500 pixel maximum width messing with your grid system. Everything else can be hacked to fit your pixel-perfect theme, so why not the all-singing-all-dancing photoset? Widthy does this with elegance and limited markup (no more hacky iframes), and is totally dynamic in terms of layout. Oh and it works with lightbox.

Installation

  • Ensure you have the latest version of jquery, by including the following code between the <head></head> tags.
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  • Beneath jquery, include the the Widthy.js file:
<!-- Widthy 0.1 -->
<script type="text/javascript" src="https://raw.github.com/fredsterss/Widthy/master/js/widthy-0.1.js"></script>
  • And some basic css to make it look pretty and give the images margins:
<link rel="stylesheet" href="https://raw.github.com/fredsterss/Widthy/master/css/photoset.css">

Problems, adoration, fails etc.

@fredsters_s

About

Full Width Photosets for Tumblr (with working lightbox).

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages