Landing Page Details

MyCountdown is a unique template that will allow you to build your own scrolling layout that can be horizontal, vertical or diagonal.

It includes a custom countdown, a fully working newsletter subscription, an AJAX contact form as well as a simple column grid for your content.

The template has 15 colors and coms with a set of 15 HTML pages showing various scrolling layout.

Main Features

  • Unique Countdown
  • Layout scrolling in any direction
  • 15 Colors
  • Email Subscription
  • AJAX Contact Form
  • Colorbox Lightbox Plugin (Portfolio)
  • Grid Based Layout
  • Simple Sticky Footer Menu
  • Unique Navigation System
  • Cross-Browser Support
  • Easy Color Change
  • Valid HTML/CSS Markup
  • Help Documentation

Compatible Browsers

  • Internet Explorer 7, 8, 9 and 10
  • Firefox 2 to 7
  • Safari 4 and 5
  • Chrome 4 to 15
  • Opera 10, 11 and 11.50

Original Idea by Alessandro Ferrini and his awesome FerroSlider.

Credit Photos

Please note that the photos of the live preview are not included in the package. You’ll get placeholders ready to be replaced by your pictures.

Photos by Mark Sebastian

  • Chinatown, Los Angeles, CA. (#60260)
  • (#90579)
  • DJ ThuyVu (#96639)
  • IMG_91330
  • (#91347)
  • Helena Hong (#78898)
  • DJ Rocky Rock (#91811)
  • 5D (#30682)
  • IMG_17131
  • D_signs_me

    2013-04-08 05:28:39
    Purchased Reply

    Hi, can you please tell me how to change the language of the "Submit" and "Reset" button in the contact form??? I search for it but don`t find the place where to change! Thanks in advance!

  • Pixelworkshop

    2013-04-08 17:04:10
    Purchased Reply

    Hello ! It's in the HTML markup, in the contact form you'll find the buttons with :

    value="Submit"
    
    And
    value="Reset"
    
    By changing those "values", you'll modify the text displayed on the buttons :)

  • D_signs_me

    2013-04-08 18:50:47
    Purchased Reply

    I missed it! Thank you very much!

  • hotcoder

    2012-06-21 07:31:29
    Purchased Reply

    Thanks! What a great template, and nicely documented too. Really quick to get it working, even after making quite a few changes to the sections, appearance, navigation etc. Great effort, and amazing value for money. I will certainly check out your other work.

  • Pixelworkshop

    2012-06-21 08:40:53
    Purchased Reply

    Thank you very much for posting your impressions :) !

  • beccy

    2012-07-23 14:47:29
    Purchased Reply

    Will Not Install

    When I attempt to install this theme I ge the msg "The package could not be installed. The theme is missing the style.css stylesheet." I would really like to get this page up, please help!

  • Pixelworkshop

    2012-07-27 20:25:04
    Purchased Reply

    Hello, this is happening because it's not a Wordpress theme, this is a static HTML/CSS template that can be edited only in the source code.

  • komboloy

    2012-03-02 02:13:48
    Purchased Reply

    heya, i'm kinda stuck with the countdown as well, trying to put a launch date in 20 days, but it doesnt work at all. I've tried "Moliner"s method, but i get a code error when i paste his example: endDay = new Date(2012, 3 – 1, 1);

  • Pixelworkshop

    2012-03-03 20:57:52
    Purchased Reply

    Hello, sorry for replying so late... Try this instead : endDay = new Date(2012, 2, 24); The month counting starts at 0 from what I understand (and it makes things a bit diffcult to use...)

  • NiGhTz00

    2012-05-02 07:10:17
    Purchased Reply

    ok get it this is not a joomla template lol

  • Pixelworkshop

    2012-05-02 17:12:49
    Purchased Reply

    Nope

  • moliner

    2011-12-21 05:30:47
    Purchased Reply

    Hi, nice template. I experience a problem when installing >Db tables. The error is: You have an error in your SQL syntax near 'ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8' at line 7 Can you help?

  • Pixelworkshop

    2011-12-22 03:46:31
    Purchased Reply

    Hello, did you try to start over the table creation ? Be careful when copying and pasting the code from the documentation, if you still have an issue, I'll be back home in about a week so I'll be then able to provide support. Thanks for understanding :)

  • moliner

    2011-12-23 03:33:31
    Purchased Reply

    Hi thanks for your reply ( there IS a problem , i can only create a table without this part of the statement DEFAULT CHARSET =utf8 . Cannot investigate why right now. The rest works fine , so just do not worry and enjoy your vacation. Happy new year

  • Pixelworkshop

    2011-12-23 04:36:48
    Purchased Reply

    Thanks a lot for your patience, I hope that we'll be able to sort this out :) Have nice holidays too !

  • moliner

    2012-02-16 10:07:56
    Purchased Reply

    No worry, I've worked it out. In case somenone else may need this, here is what works for me endDay = new Date(2012, 3 - 1, 1);

  • Pixelworkshop

    2012-02-17 00:21:41
    Purchased Reply

    Thanks for posting and sorry for seeing your message so late. The countdown script is sometimes a bit tricky and not that easy to explain, but anyway, you seem to have found a working solution :)

  • ovidus

    2011-12-05 01:48:17
    Purchased Reply

    Hi, my Contact form also does not work. I checked it also immediately out of a box, without changing anything. It just dont sent data, only wheel is spinning what can I do?

  • Pixelworkshop

    2011-12-07 03:31:52
    Purchased Reply

    Hi, could you give me a link ? If you want to keep it private, feel free to contact be by using the contact form on my profile page, thanks !

  • fox

    2011-12-01 08:56:37
    Purchased Reply

    Super boulot encore une fois... félicitations, ! Je le garde de coté pour un prochain projet ;) ++

  • nokiko

    2011-12-01 21:54:45
    Purchased Reply

    Would it be possible to make an update where we could have a popup tooltip on the dots that shows which section it is?

  • jch02140

    2012-04-17 21:43:24
    Purchased Reply

    Hi, I am interested to know if it is possible to display "Week" in the countdown as well. Also, is it possible for me to set messages or any HTML content to appear upon countdown expiry?

  • Pixelworkshop

    2012-04-20 17:28:44
    Purchased Reply

    Hello ! I didn't style the "weeks" bar so the first thing is to add in layout.css (in the 07 COUNTDOWN section for example) :

    .datecountdown ul li.countdowngraph span.countdownweek {
        background:url("../img/progressbars/progress_years.png") repeat-x;
    }
    
    I used the "years" orange background image but it can be any other color or you can create yours. Then open functions.js and find the code :
    $('.datecountdown').countdown({until: endDay, format: 'YODHMS', layout: 
    
    The YODHMS means "years", "months", "days", "hours", "minutes" and "seconds". You can insert weeks by using "W" :
    $('.datecountdown').countdown({until: endDay, format: 'WDHMS', layout:
    
    I assume that if you want to count in weeks, you don't need years or months so the above code should work for you. Concerning your second question, I didn't get into this kind of options but it seems to be possible via a callback. You can have a look to the plugin page to see the available options.

  • hiegl

    2011-12-01 08:33:21
    Purchased Reply

    Fantastic new idea! Congratulations! I miss a light skin though. Is this just doable by some css-modifications? I guess not?! Thanks, Bernhard

  • kriszta

    2011-12-01 14:30:15
    Purchased Reply

    Wow! Nice idea! Do you plan to have a WP version?

  • hfonseca9765

    2012-10-28 09:37:14
    Purchased Reply

    I cannot installe the theme. Please help. Unpacking the package… Installing the theme… The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed.

  • Pixelworkshop

    2012-10-28 18:44:21
    Purchased Reply

    Hello, unfortunately you bought the wrong one, this is an HTML/CSS template and the Wordpress version can be found here.

  • cruzine

    2012-02-02 19:39:48
    Purchased Reply

    cool :)

  • Pixelworkshop

    2012-02-02 21:50:20
    Purchased Reply

    Thanks :)

  • NiGhTz00

    2012-05-02 04:38:27
    Purchased Reply

    Cant find the xml file..., cant install it in joomla, help plz what im doing wrong....

  • Pixelworkshop

    2011-12-15 00:32:38
    Purchased Reply

    Important Notice I’m currently having holidays until december 30th, in the meantime I won’t be able to provide support. Before contacting me, make sure that you already checked the documentation and/or the comments, otherwise I'll get back to you after my return. Thanks for understanding !

  • craynell

    2011-12-21 20:51:40
    Purchased Reply

    I love this template. Quick question. How do you fix it to work properly in IE.9? It is too big and of course adding scrollbars ruins the effect. Looks perfect in Safari.

  • Pixelworkshop

    2011-12-22 03:49:02
    Purchased Reply

    Thanks :) This template has been tested on IE9 and I didn't notice any problem... Well I'll be back home in about a week, for now there's nothing I can do, sorry for the inconvenience but I'll for sure check that after holidays !

  • marick

    2012-06-24 23:16:35
    Purchased Reply

    This is a really great looking template but I cannot get the end date to work no matter what I out in. As a test I entered: endDay = new Date(endDay.getFullYear() + 1, 1, 1, 1, 1, 1); which returned 7 months, 7 days, 1 hour and 45 minutes. I cant see how to get the logic working.

  • Pixelworkshop

    2012-06-26 01:51:49
    Purchased Reply

    Hello ! There's an easier way that I haven't added in the documentation. If you open the file functions.js, you'll find the following code at the line 57 :

    $('.datecountdown').countdown({until: endDay, format: 'YODHMS', layout: 
    
    It is possible here to replace the value"endDay" by a real date like this :
    $('.datecountdown').countdown({until: new Date(2013, 4, 18), format: 'YODHMS', layout:
    
    You should remove 1 to the month number, for example january is 0, february is 1, etc. In the above code, 4 is for may.

  • marick

    2012-06-29 01:51:02
    Purchased Reply

    Thanks for the help

  • jamesbarrell

    2012-05-12 06:59:12
    Purchased Reply

    The layout is not correct on Mac (Safari). Not sure if this is due to the circle being centred on the screen and the logo area being relative to the top of the circle, but the outcome is that the top of the logo is not visible... This is also the case on your demo. Any fixes please?

  • Pixelworkshop

    2012-05-13 19:59:44
    Purchased Reply

    Hello, this layout has a fixed height so when you have a very small viewport size, they can't fit all. It's designed to fit into 1024x768px screens, not smaller and at this resolution, all elements are visible. Or are you seeing issues with more than 1024x768 ?

  • jamesbarrell

    2012-05-13 20:21:56
    Purchased Reply

    Thanks for the reply. Was cross browser testing it and on the macbook pro. You have my emails on this and the other issue with Mega Menu Reloaded so if you can shoot me across an email I will send you screenshots or screenr video links... James.