Meezio, Horizontal & Vertical Scrolling Template HTML Template
Meezio is a simple and clean one page portfolio theme. It uses the JQuery library and scrolls horizontally, vertically or both. The content is built using the 960 Grid system and is easy to customize.
This theme includes a working AJAX contact form, all you have to do is to add your own email. All the markup is valid XHTML / CSS and the template is working in all major browsers.
A fully layered PSD is also included.
Theme variants :
Use the left panel in the live preview to switch the layout or the color.
- Blue
- Pink
- Red
- Orange
- Green
- Purple
- Brown
- Salmon
- Yellow
Layout variants
- Centered horizontal scrolling variant
- Vertical scrolling variant
- Vertical AND horizontal scrolling variant
- Left aligned content variant
Other features
- Simple tabs (see Portfolio > Simple tabs)
- Horizontal drop down menu
- Fancybox
- Cufon font replacement ready
- Working AJAX contact form
All variants are fully customizable, there are absolutely no limits and you can add as many sections as you want.
Changelog
07/12/2011 – Version 3.1
- Fixed a contact form issue
07/09/2011 – Version 3.0
- Reorganized the structure of the folders, regrouped pages
- Updated jQuery
- Updated jScrollPane
- Updated Fancybox
- Updated Cufon
- Grouped small scripts into a single file
- Grouped CSS colors into the main CSS
- Rewrote some parts of the HTML code
08/26/2010 – Version 2.1
- Updated script files
- Changed the script animating the scroll effect
- Added internal scrollbars (jScrollPane)
09/05/2010 – Version 2.0
- Added scrolling variants (vertical, diagonal)
- Updated script files
- Changed the script animating the scroll effect
- Improved graphics
07/02/2010 – Version 1.1
- Fixed a contact form issue
- Added 2 color variants
- Fixed some IE-specific issues
07/09/2011 – Version 1.0
- Initial Release
Credit photos
All the photos of the live preview are from Flickr :
- Portland Bill
- Chesil Beach 2010
- Boats of the Fleet Lagoon
- Pay per View
- Boats of the Fleet Lagoon
- Greve de Lecq
- Bar Wines
- Helsinki
- Three Shiny Pigs
- Xmas Entertainment
- Conkers
- Cuban Cigars
- Wicken Fen
- Technical Exhibit #2
- Sunrise at Grantchester
- Swans at Dusk
- Wicken Fen
- Wandlebury Autumn
Please note that the photos displayed in the live preview are not included in the package.
I am having a weird issue with the scrollpane. Every so often it will not go all the way to the bottom of the window I have it associated with unless I refresh the page. http://bizzaromatic.com/temp/red
ReplyDeleteHello, I don’t see any part of the page using the scrollpane. Also you’ve added quite a lot of CSS in the HTML markup, some of these rules could have an impact on the existing functionnalities.
ReplyDeleteTry this link – bizzaromatic.smappdooda.com/temp/red. first one is at line 131
ReplyDeleteIt’s REALLY bad on chrome.
Ok but with all the CSS you added, it’s not surprising that it’s not working as expected. All the properties you added probably change the default behavior. From there I can’t say precisely what is causing you issues, if you get back to the original structure / markup, it works perfectly in Chrome.
ReplyDeleteIs there a way to shorten the scroll bar button? the problem is on chrome it is filling up the whole track area.
ReplyDeleteIt would be better to get back to the original code, the CSS you’ve added is probably what is causing issues.
ReplyDeleteI can’t entirely agree with that because if that was true it wouldn’t work in any browser. It’s fine in IE and Firefox but chrome is having an issue somewhere.
ReplyDeleteI have cleaned up what I had (Some extra Divs had gotten in there) but it persists. I will just figure it out and if not use a different scrollbar replacement.
Again, if you open the original files, not modified, it works in all listed browsers, no exception. That’s why I insisted on the fact that your additions were probably causing issues.
ReplyDeleteNow I can see all sections, I don’t see any scrollbar. Also, and I should have started there, you have too many markup errors : http://validator.w3.org/
Modern browsers usually play well with them but it would definitely help to fix them before trying to find solutions on top of them.
I’m not saying it doesn’t work. I just couldn’t get it to in the configuration I needed. Looking at your code again, does it require the use of the “grid_820” div to work? I stripped everything away except the text and still had issues.
ReplyDeleteRegardless, thanks for the suggestions. I ended up using a different scroll interface because we had a deadline but might soon re-visit it and try one last thing as I do like the look and feel of your scroll function.
Alright, in short everything is needed, the grid holds everything in place / columns so I’d say that it’s not 100% necessary as long as you set your own containers. Otherwise all other elements are required, otherwise you’ll lose all the functionnality.
ReplyDeletehow can i change menu position? i am using diagonal and want menu on the left. thank you!
ReplyDeleteHello, the menu is already on the left.
ReplyDeleteHi there, I really like this template. Any chance you will create a theme out of it?
ReplyDeleteanother question, is there a way to add a ruler at the bottom of the page?
Thanks!
Hello, unfortunately this template won’t be released as a WP theme… What do you mean by ruler ?
ReplyDeleteBy Ruler I mean a scroll bar
ReplyDeleteHello, I’m having holidays so I don’t have the necessary material to tell you exactly what to modify. But if you open the CSS, you’ll find at several places the code “overflow:hidden”. You can either try to remove it or use “overflow-y:hidden” so it’ll leave the horizontal scrollbars visible (and hide only the vertical scrollbars).
ReplyDeletecan i make it so some pages go vertical and some go horizontal
ReplyDeleteNot exactly, but you can imagine this layout as a grid and each section is a cell. You can put all of them on a single row or on multiple rows, you can see that in the demo by choosing “Diagonal” in the left panel labelled “Styles”. It’s maybe not exactly what you need but it’s most probably the closest that can do this template.
ReplyDeletedemo offline
ReplyDeleteIt can happen, please try again
ReplyDeletehi
ReplyDeleteIs this theme support rtl??
thanks
efrat
Hello, if I’m not wrong, the RTL can be set in any kind of HTML page. Also, by “theme”, are you referring to Wordpress ? Because this is a static HTML template, this is not a Wordpress theme.
ReplyDeleteI love this template, except that it’s not responsive. It looks like crap on my phone. Please let me know if you ever update it to be responsive.
ReplyDeleteHi, this template is already 4 years old and can’t compete anymore on the marketplaces. I mean that for me it’s not worth investing so much time to make it responsive.
ReplyDeleteGood morning, in this theme is possible to put the menu on the left side and the logo in left side? I’m looking for a template with horizontal scrolling and navigation left side, this theme has these features? Thank you!
ReplyDeleteHello, CSS customizations are possible, now these are not settings ready to be used.
ReplyDelete