Museum Theme

Museum

Thu, 21 Feb 2008 11:53:00 -0500

A tumblr theme by paulgiacherio.

Download +

Museum Installation & Use

Thu, 21 Feb 2008 01:01:00 -0500

Instructions:

Download the museumTheme.txt file
Go to your Tumbr dashboad and click on the Cusomize gear
Click the “Themes” Tab and click the “Use custom HTML”
Copy the contents of museumTheme.txt and paste it into the custom HTML field
Click “Save Changes”

Using Museum:

The “More” tag

The key feature of Museum is the ability to trigger a ‘more’ permalink on posts that would otherwise be too long for the index page content boxes. To trigger the ‘more’ link, simply tag your post with the word “more” in the advanced options on the edit post page.

Out of the box, the ‘more’ link can be triggered for all content types except Photo posts. The ‘more’ link tends to interfere with photo captions which is why I’ve disabled it. However you can easily enable the ‘more’ link for photos by looking through the template and uncommenting the section that says “Morelink disabled for photos”.

Photos

Photo posts will display the center a 500px image on the index pages, and the full photo on the permalink pages. This works seamlessly if the original image is at least 500px wide and standard proportions. If the original image is smaller than 500px it may appear off to the left of the content box on the index pages. If this happens, tag the photo post as “slim” (that’s a stupid tag name, sorry) and the image will appear top left in the content box.

Comments

Museum has been designed to drop in the excellent Disqus comments. On this site, you can see that Disqus comments have been enabled as a demonstration. The comment counts have to be enabled for each individual post type within the template, however it’s easy to do. The comment count link is already in the template- just uncomment it for each post type you’d like to see comment counts for. Then, at the bottom of the .post div, there is a .comments div which says: “PASTE DISQUS PERMALINK BLOCK HERE”. Paste the Disqus permalink block (from the Disqus integration setup) here and that’s it.

Mods

Please feel free to rip apart the theme and make it your own. If you think you’re using a fair amount of my original it’d be great if you left my link in, but use your best judgment. If you plan on changing colors there are a few things to consider. The .post div background is currently #000, and if you change it you might be surprised to find an ugly black fade under the morelink. The text dissolve effect under the morelink is handled by the .fade class which has a transparent PNG background. That PNG needs to fade from transparent to the .post background color. So if you plan on changing your .post boxes to #fff, you’ll want to make a new .fade PNG that fades from transparent to #fff.

Museum Mods

Wed, 20 Feb 2008 10:37:00 -0500

Small CSS files that can be dropped into your Museum Theme to change its appearance. Click on the Advanced tab in the Tumblr Customization and paste the code into the “Add Custom CSS” field.

Center Mod

museumCenterMod.txt»
Centers the design and changes the header padding slightly. Sreenshot»

Change Log

Wed, 20 Feb 2008 10:36:00 -0500

v1.3:

fixed IE 7 Disqus display error

v1.2:

added blockquote style

v1.1:

rearrange disqus integration - single permalink block
comment out video resizing. didn’t work well anyway
revert videos to 250

Short Text Post

Wed, 20 Feb 2008 10:35:00 -0500

This is a short text post that has *not* been tagged ‘more’. It will be displayed in its entirety on the index pages.

A PhotoThis is a photo post with caption

Wed, 20 Feb 2008 10:35:00 -0500

A Photo

This is a photo post with caption

Long Text Post

Wed, 20 Feb 2008 10:34:00 -0500

This is a long text post that has been given the tag ‘more’. The ‘more’ tag will trigger the css which fades the text and displays the red More+ link.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur venenatis velit rhoncus ipsum. Maecenas venenatis ipsum. Duis eget pede ac ante consectetuer tincidunt. Maecenas quis est id est facilisis venenatis. Nunc lectus.

Quisque sit amet sem. Proin auctor pretium quam. In hac habitasse platea dictumst. Duis quis lacus. Vivamus quam leo, vestibulum imperdiet, iaculis non, tempor ut, augue. Donec molestie nisl at dolor. Nulla sed turpis at est vehicula ultrices.

Nulla fermentum nunc ut magna. Sed eros lacus, porttitor non, euismod non, ullamcorper id, dolor. Aliquam tristique. Pellentesque vitae neque vitae mi convallis ultrices. Donec tristique, nisl et adipiscing volutpat, quam diam imperdiet urna, non nonummy mauris metus ut pede. Integer mauris.

Photo

Wed, 20 Feb 2008 10:03:00 -0500

Long Chat Example

Wed, 20 Feb 2008 01:12:00 -0500

you: what
me: what?
you: nothing
me: what
you: really, nothing
me: [blank stare]
you: what
me: sunshine on my shoulders makes me happy
you: what?
me: nothing

"This is a long quote that has been given the tag ‘more’. Any post can be tagged..."

Wed, 20 Feb 2008 01:09:00 -0500

“This is a long quote that has been given the tag ‘more’. Any post can be tagged ‘more’ to generate the more link. God it’s so sweet of you and you know I’m proud, and the car bomb tick ticks with the same sound!”

- deftones

Museum Center ModmuseumCenterMod.txt»Centers the design and...

Wed, 20 Feb 2008 00:04:00 -0500

Museum Center Mod

museumCenterMod.txt»
Centers the design and changes the header padding slightly.

Jethro Tull - Cheap Day Return

Wed, 06 Feb 2008 23:37:33 -0500

Jethro Tull - Cheap Day Return

Chat

Wed, 06 Feb 2008 23:35:00 -0500

you: what
me: what?
you: nothing
me: what

"God it’s so sweet of you and you know I’m proud, and the car bomb tick ticks with the same sound!"

Wed, 06 Feb 2008 23:34:22 -0500

“God it’s so sweet of you and you know I’m proud, and the car bomb tick ticks with the same sound!”

- deftones

Workers' Front

Wed, 06 Feb 2008 23:34:00 -0500

Workers' Front:

This is a link post.

Fatoe» This is the caption of a photo. You can create a link in...

Wed, 06 Feb 2008 23:33:00 -0500

Fatoe»

This is the caption of a photo. You can create a link in the caption and make it bold, and it will look like a photo title.

The Knife

Wed, 06 Feb 2008 22:58:00 -0500

The Knife

This is a post of longer length

Wed, 06 Feb 2008 22:23:00 -0500

Poured forth gracefully, this ætheric tincture Lifts winter’s coat-of-arms with coaxing aromas and electricity.

Used with vigilance, a Pitcher of Summer stirs a memory into swooning, And bravely, the flowers of the past will stretch their limbs into the sky

While snow falls quietly all around.

Poured forth gracefully, this ætheric tincture Lifts winter’s coat-of-arms with coaxing aromas and electricity.

Used with vigilance, a Pitcher of Summer stirs a memory into swooning, And bravely, the flowers of the past will stretch their limbs into the sky

While snow falls quietly all around.

Poured forth gracefully, this ætheric tincture Lifts winter’s coat-of-arms with coaxing aromas and electricity.

Used with vigilance, a Pitcher of Summer stirs a memory into swooning, And bravely, the flowers of the past will stretch their limbs into the sky

While snow falls quietly all around.

Poured forth gracefully, this ætheric tincture Lifts winter’s coat-of-arms with coaxing aromas and electricity.

Used with vigilance, a Pitcher of Summer stirs a memory into swooning, And bravely, the flowers of the past will stretch their limbs into the sky

While snow falls quietly all around.

Museum Theme

Wed, 06 Feb 2008 11:52:00 -0500

This is the eventual home of museum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam congue tortor vitae arcu. Morbi quis mauris quis est dictum auctor. Fusce odio. Aliquam felis lectus, scelerisque eu, aliquet id, hendrerit et, nulla. Sed et elit vitae eros molestie tristique. Fusce ut mi. Proin faucibus, lorem id rhoncus volutpat, dolor augue cursus leo, non semper ligula est et mauris. Quisque scelerisque lobortis arcu. Sed id justo. Maecenas metus quam, ultrices eget, semper eu, commodo ultricies, mauris. Nullam leo. Cras laoreet metus ac tortor. Aliquam risus. Integer luctus, urna a congue rutrum, pede pede lobortis sapien, vitae ullamcorper nibh dolor a est. Suspendisse ornare, mi non mattis dictum, felis nisi condimentum nunc, id pellentesque neque tortor quis ante. Morbi tempus aliquam augue.

In tortor sem, pharetra vel, vulputate in, molestie eu, leo. Donec aliquet, mauris vel ultrices tristique, justo lectus semper diam, vitae lacinia nisl nunc sed elit. Cras dapibus erat eget nulla. Maecenas iaculis pede id quam. Aliquam faucibus velit sed nulla interdum tempus. Maecenas elementum. Nam convallis justo at ligula. Fusce tristique sem eu odio. Donec ut velit eget lectus fermentum convallis. Donec nisi quam, iaculis ac, ornare quis, scelerisque vel, lectus. Maecenas laoreet congue felis. Duis congue fringilla neque. Proin neque. Sed tristique sapien quis arcu.