WordPress.org

Ready to get started?Download WordPress

Forums

Seatability Redesign (4 posts)

  1. Derek Perkins
    Member
    Posted 5 years ago #

    http://seatability.com

    The CSS for this site was built 100% from scratch. The front page slider was built using the jQuery Cycle plugin, and it is used elsewhere in the site. The product and blog listing pages were designed using the DataTables jQuery plugin.

    I'm pretty proud of the drop shadows. It uses the onion skin technique, so there are three images involved, but it will work on any sized container. All I do is add the class "dropshadow" to any object, then I have a jQuery line that adds three divs on top of it that do the onion skinning for me.

    The other pretty cool thing about this site is on the product pages. Each product has its own album on our Picasa Web Albums login, then the page automatically parses in the image feed from Picasa to load the Cycle plugin. It uses three different sized images from Google for the thumbnail, main photo and the zoomed in photo.

  2. edkilby
    Member
    Posted 4 years ago #

    How does this relate to the forum on the Hybrid theme? Is this spam or just misplaced?

  3. Justin Tadlock
    Member
    Posted 4 years ago #

    @Ploobers

    What slider did you use?

    @edkilby

    The name of the forum is "Your WordPress: Strut your stuff." The point of this forum is to show off your site.

  4. Derek Perkins
    Member
    Posted 4 years ago #

    @edkillby - The site was designed on top of the Hybrid theme with a lot of help from the ThemeHybrid community.

    @greeshady - I used the jQuery Cycle plugin - http://malsup.com/jquery/cycle/. It's a very robust plugin with a ton of options. I only used the most basic transitions on the site, but you can do just about anything you can think of with just a few changes to the javascript call.

Topic Closed

This topic has been closed to new replies.

About this Topic