• Article 1DEC 4  |  12 comments

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum. Aenean sagittis massa pretium lectus tristique blandit. Phasellus ac lacus a lectus varius sodales eu sit amet metus. Pellentesque a dolor nec felis fringilla ultricies. Read more...

  • Article 2DEC 4  |  12 comments

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum. Aenean sagittis massa pretium lectus tristique blandit. Phasellus ac lacus a lectus varius sodales eu sit amet metus. Pellentesque a dolor nec felis fringilla ultricies. Read more...

  • Article 3DEC 4  |  12 comments

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum. Aenean sagittis massa pretium lectus tristique blandit. Phasellus ac lacus a lectus varius sodales eu sit amet metus. Pellentesque a dolor nec felis fringilla ultricies. Read more...

  • Article 4DEC 4  |  12 comments

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum. Aenean sagittis massa pretium lectus tristique blandit. Phasellus ac lacus a lectus varius sodales eu sit amet metus. Pellentesque a dolor nec felis fringilla ultricies. Read more...

About Tasty Showcase

About Tasty ShowcaseTasty Showcase was designed by DemusDesign for Themelab's third Theme Battle. The design is now being released both as a free CSS Template from DemusDesign and a free Wordpress Theme from Themelab.

Another Longer List

DEC 19

How To Use Tasty Showcase

About Tasty ShowcaseTasty Showcase is a clean, attractive and powerful template utilizing the Karmic Flow slider from Karmagination. But to make sure it is as easy to use as possible, I've decided to offer some tips here on maximizing your use of the slider.

Slider Images

The first step to getting the slider to work for you is putting in the large slider images that go along with each post. These three tips ought to help:

  1. Make sure your images use the proper dimensions: 653px wide x 367px high.
  2. Save your images into the /images subfolder.
  3. Because the slide images are actually background images, you won't find them in the html. Instead I've created a separate CSS file strictly for these images to make changing them as easy as possible. So just open the file slideimg.css and you can change the names of the files listed under each post to match the picture you have saved for that post. As a default, they are called post1.jpg, post2.jpg, post3.jpg, and post4.jpg. So the simplest solution would be simply to replace these pictures with your own and then you won't have to change the CSS.

Slider Controls

The slider controls are the post titles on the right side of the slider. You will find them as a unnumbered list, ul, under div id="controller". Be careful to watch that the length of your titles do not run onto a second line or your paragraphs onto a third, or else things will look very screwy and may be unusable.

My quick testing showed that the controller titles should not go over 22 characters, and the paragraphs should not go over 95-100 characters. But those will vary based on your text so just be careful.

The Slide Descriptions

The slide descriptions can also be found as a ul, but this time under div id="container3". There is more room in the paragraph section of this part, but the title should still not be longer than 22 characters.

Slide Speed

You can edit the duration of the slides and the speed of the transitions in the section of each html file. By default they are all the same, but you can change the speeds for individual pages if you like.

Posted by DemusDesign. 32 excellent comments. Filed under Templates. Tags: awesome, new.

Contact Form

Send me a message





Recent Comments

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

gravatar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis, libero at ullamcorper pellentesque, nisl magna sodales elit, laoreet elementum massa nisi ut ipsum.

Posted by Brad on 12/13/09

 

© 2010 Your Site | Template by DemusDesign