Pixelstudio - An elegant scrolling one-page layout HTML Template
Pixelstudio is a simple and elegant one-page template built on the 960 grid with some nice JQuery powered effects.
The layout is scrolling vertically and is provided with 8 custom color variants + 3 background patterns. This theme also includes a working AJAX contact form ready to use (you only have to add your email address).
All the markup is valid XHTML / CSS and the theme has been tested in all major browsers.
Features
- Vertical scrolling layout
- 8 nice color variants
- 3 custom background patterns
- JQuery Coin Slider
- Fancybox
- Working contact form
- Large choice of typography examples
- 1 PSD containing the whole layout (red variant)
- 1 PSD to edit the logo (using the free Lauren Script font)
- Working in all major browsers
- W3C valid code
Theme variants
Use the style switcher on the left to see all color variants.
- Red
- Blue
- Green
- Pink
- Purple
- Orange
- Brown
- Grey
Changelog
07/07/2011 – Version 2.0
- Reorganized the folders structure
- Grouped all color variants
- Updated jQuery
- Updated Fancybox
- Updated jQuery Form Plugin
- Updated Cufon
- Adjustments in all CSS and HTML files
- Added a one-page navigation plugin
06/03/2010 – Version 1.0
- Initial Release
IMPORTANT
The package does not include the font javascript file, detailed instructions are provided in the help file.
The font used in this theme (Calluna Regular) is free and can be found from exljbris Font Foundry
Credit photos
All the photos of the live preview are from Flickr :
- As the table turns by catatronic
- The Bridge by SubZeroConsciousness
- Black and White by SubZeroConsciousness
- Bellows by kevindooley
- Drip Drop! by Shamefullyso
- Potential by mpclemens
- The Usual Suspects by seannaber
- no name by clip works
Please note that the photos displayed in the live preview are not included in the package.
great job!
ReplyDeleterecent download and working with the CSS , my problem is I would like to change the
to white?
I have applied a different background but the container div has “no color” and want this to white
please advsie
kindest regards
robert
Hello and thanks
ReplyDeleteDo you mean the page background ?
Hi there,
ReplyDeleteLove this template. I have one small issue.
I have added sections and menu items, and now I seem to have lost the functionality where the nav bar automatically updates when you scroll to a section, highlighting the name of the section being viewed. It works in the HTML files I have not affected, indicating that it is not in the CSS . Do you know what I may have done, or what I can check?
” Hi there,
ReplyDeleteLove this template. I have one small issue.
I have added sections and menu items, and now I seem to have lost the functionality where the nav bar automatically updates when you scroll to a section, highlighting the name of the section being viewed. It works in the HTML files I have not affected, indicating that it is not in the CSS . Do you know what I may have done, or what I can check? “
Unless, by changing the text, I need to change the js?
Hello !
ReplyDeleteCould you send me an URL via my profile page please ? I’d need to see what’s going on, I’ll maybe need later a zip with your files to test locally, thanks !
I emailed you
ReplyDeleteReply sent
ReplyDeleteWhat’s the quickest way to mobile this webpage?
ReplyDeleteplease advise
robert anthony
Hello, I guess that it’s a lot of work to customize all the CSS as well as most of the scripts. I’m sorry but there’s no quick way, you can already start with CSS3 media queries to resize / position all elements according to the viewport size. This is where I would start, the main difficulty may come after with the javascript part.
ReplyDeleteThis is all new to me. Where do I install the theme. I uploaded it to Getsimple cmc theme folder but it does not show for me to activate. Thanks.
ReplyDeleteHello, I’m sorry but this is not any kind of CMS template, it’s made of HTML /CSS files only.
ReplyDeleteUghhh, then this template is useless to me which sucks because I really like it. I do not know anything at all about writing html, i dont even know what im supposed to do with the folder i downloaded from you. Is it possible to convert this to cms so i can use it with getsimple or another program? if not how do i get a refund?
ReplyDeleteHello, due to the nature of the products, refunds are processed by the support team only in some specific cases from what I know, usually when the template doesn’t work as described.
ReplyDeleteok, so how do i turn this pixelstudio html/css template into cms please?
ReplyDeleteSorry I don’t know, I’ve never converted a template for any CMS system.
ReplyDeleteok… since i did pay for your product, i would like to be able to use it. the documentation in the file folder does not have any information for newbies. please tell me how to use it. how do i get it working on the internet with my information on it? i dont know how to upload it anywhere. i have webhosting with ipage, and i have an ftp. what do i do?
ReplyDeleteInformations are not missing because it’s not a template that can be “installed”. All changes have to be made in the HTML /CSS source code with an editor like Dreamweaver or Notepad++ and a documentation is not a whole HTML /CSS course, it just explains specific things related to this template. To use it, you’d have to learn the basics of HTML /CSS first or hire someone who could prepare everything or convert it for a CMS like Wordpress or Joomla for example.
ReplyDelete