Tell your story

with the new Story skin

Half a year ago one user called our attention on a gallery made with Adobe Spark. Besides the stunning photos, the page design was also modern and sexy. It went beyond the confines of a traditional web album, with lengthy texts between photos and stylish animations. This type of use has escaped our attention so far, although many of our users would have appreciated it, I take. This is how Story skin was born.

You can simply drop a handful of photos onto Story – they will look decent –, still this skin excels in its ability creating crafted text-heavy stories. Not only the text, but the presentation of the thumbnails is unique here. They come in 3 flavors making the layout much more exciting. Check out below!

Beyond the new look Story skin has received all the bells and whistles of Tiger or Photoblogger skins; the search, shopping cart, feedback, background music, Google maps just to name a few.

The opening view is a full screen "hero" image, which you can overlay with a semi-transparent color. If you press "Enter" the page scrolls down.

The control buttons are fixed to the top left corner so all the functions remain visible.

This page starts with a custom section. You can add one by New page → Custom.htt. Add "Title" used for headline, add content through the "Comment" field.

The images can be displayed in 3 different modes: as thumbnails, as single images and as full-width images. The skin automatically sorts them out by their aspect ratio.

The widest images are treated as full-width, the images with aspect ratio less than 3 : 2 as thumbnails. The rest in between are treated as single (column-width) images. To control these thresholds visit the Story → Design → Images panel.

If you want to override this automatic treatment for a specific image go to Edit mode → Image data → Treat image as.

These full width images might act as chapter separators. Their title is set in larger font so they stand out.

Blocks of thumbnails in masonry layout look the best if you supply the skin with images of variable orientation / aspect ratio. It pays playing with their order too for the best look.

Folders can be inserted at any place in this skin. The larger thumbnail on the left is the image selected as "Folder thumbnail", the other 3 are randonly picked from the folder on every "Make".

The folders have an alternative background color here, which can also be used for custom sections, thumbnails or simply in an alternating manner.

This skin also novel in the way it handles custom pages. You can leave them as separate pages – just like before –, but in Story you can embed them into the index page too. This results in a single-page layout, which saves visitors from unnecessary navigation.

Here you can play with this album: Tell your story

I hope you will love this skin as much as I enjoyed developing it. Comments are welcome in the Story skin forum. And you can download the skin from here.

/Laza

Sign in to post
Add your comment
Post comment
Egídio Leitão

Egídio Leitão 25 days ago

Laza, kudos to your great work! Having the ability to add text to my albums was one thing I always wanted. I was tired of typing comments in photos. This new skin is amazing! I'll have to study it more thoroughly and test it to make sure I take advantage of these features you added. I just created a test album and enjoyed the result. Thanks for your hard work in creating another fine skin.

Egídio

Laca Molnar

Laca Molnar 2 months ago

@ml7636: Should be above the title. (And don't forget to "Make album"!)

ml7636

ml7636 2 months ago

I had done the external pages thing but it doesn't show up on the page to be clicked on

Cathy Reedy

Cathy Reedy 2 months ago

Micke, this may help if I understand what you are looking for: Settings>Pages, then down to Link to external homepage: and type in link you want it to go too. Hope this helps.

Laca Molnar

Laca Molnar 2 months ago

@ml7636: Use the "Settings / Pages / Link to external homepage" box(es).

ml7636

ml7636 2 months ago

I have not figured out how to have a link displayed on the front page of an album that allows a user to go back to the web site they started from

Micke Nilsson

Micke Nilsson 2 months ago

Where did u find that template?

Cathy Reedy

Cathy Reedy 2 months ago

Micke, sorry, all my albums are Photoblogger. The home page is a template that I used from a free download.

Cathy Reedy

Cathy Reedy 2 months ago

Using Photoblogger, thanks.

Micke Nilsson

Micke Nilsson 2 months ago

Cathy; which skin are you using on ua website rigt now? Looks good.

Cathy Reedy

Cathy Reedy 2 months ago

Looks great. Looking forward to trying it. I'm a fan. I used Chamelon and Turtle for years and now use Photoblogger for my 40k plus images. Thank you!

Micke Nilsson

Micke Nilsson 3 months ago

Interesting how will it works when i have 13 folders in my album...?

Achiel

Achiel 3 months ago

Great presentation, beautiful

Jan Erik Moström

Jan Erik Moström 3 months ago

Nice