jQuery: Customizable layout using drag and drop (examples)

Examples for the article jQuery: Customizable layout using drag and drop by DevHeart.

 

Example 3: Implementation in a real design

Positions of the top elements ("Mission Statement", "Next Event", "Follow Us") and elements in the sidebar are customizable (click and drag on the titles). Positions are saved using cookies, you can refresh your browser to see that it works (cookies needs to be enabled).
     
    Blog

    Template Information

    This is a free website template by Arcsin, built using tableless XHTML and CSS.

    This template is distributed under a Creative Commons Attribution 2.5 License, which allows you to use and modify it for any purpose (personal and commercial), under the condition that you keep the provided credit links in the footer.

    The latest template version and CMS conversions for platforms such as WordPress and Blogger can be found at the official Simple Organization Website Template page.

    For more templates, questions and comments please visit Arcsin Web Templates.

    Read more »

    Article title

    Integer diam elit, condi mentum ac semper ut, tincidunt non diam. Ut congue at commodo aenean euismod tincidunt lorem euismod.

    Read more »

    Second Article Title

    Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.

    Read more »

    Third title

    Sed auctor hendrerit eros eu eleifend. Cras hendrerit iaculis sodales. Pellentesque interdum rhoncus magna.

    Read more »