JumpForJoy is a 2-column HTML5 and CSS3 template designed in a light-hearted scheme that’s perfect for a kids-oriented site. Includes the use of a gradient background.
Found in Free HTML5 Templates.
Users also like these two pro HTML5 templates (click large image thumbnails below to view):
If you appreciate this template, or any of the other free templates I create and would like to encourage me to continue to do so, then a small donation would be very much appreciated. Just enough for a cup of coffee, maybe? If so, just click the Donate button below. Thanks for considering it.
About The Author
HTML5fan
Leave a Reply
User Responses
2 Responses and Counting...
11.19.2010
This Template “Jump for Joy” is very good. I will pay for this template, but want the menu to left side instead of right side.
You don’t need to pay for the template, since it is free. To swap the sidebar, simply also download the Cherry Blossoms template located at http://freehtml5templates.com/cherry-blossoms-html5-and-css3-template/ . It uses the same format, except the sidebar is on the left. Just copy/paste the #container and #sidebar sections in Cherry Blossoms styles.css file and use them to replace the #container and #sidebar sections in the JumpForJoy styles.css. Voila, sidebar moves to left.
Just to be clear, you’ll replace the #container section with this instead:
#container {
float: right;
width: 650px;
}
And you’ll replace the #sidebar section with this instead:
#sidebar {
float: left;
overflow: hidden;
width: 280px;
margin-top: 20px;
margin: 0 -240px 0 20px;
}
Both of those are located in the styles.css under the Layout portion.