MoonSilver

Hi Coatsd,

Yes, there are some similarities, Metalab Design creates great websites, their works are a great source for online inspirations to me, !

Regards, Andy

Hi PolishSolidarity,

You need to change the html markup of portfolio item from this

  <div class="box">
    <a href="images/portfolio2_large.jpg">
      <img src="images/portfolio2.jpg" alt="#" />
      <span class="hover_overlay">View Project</span>
     </a>
    ...
  </div>

to something like this

  <div class="box">
    <a href="#movie_1" class="mov">
      <img src="images/portfolio2.jpg" alt="#" />
      <span class="hover_overlay">View Project</span>
    </a>
    <div style="display: none">
      <!-- you can change the width and height as you like -->
      <div id="movie_1" style="width: 640px;height: 293px;">
        <div class="inner_wrapper" style="display: none;">        
          PASTE THE EMBEDDING CODE FOR YOU MOV FILE
          REFER TO http://www.w3schools.com/media/media_quicktime.asp    
        </div>
      </div>
    </div>
    ...
  </div>

And then add the following code into application.js

  $(".box a.mov").fancybox({
    titleShow: false,
    onComplete: function() {
      $('#movie_1 .inner_wrapper').show();
      $('#movie_1 .inner_wrapper').offset();
    },
    onCleanup: function() {
      $('#movie_1 .inner_wrapper').hide();
    }
  });

I’ve also made a page specifically for you with mov video embedded working at http://blahlab.com/moonsilver_mov/portfolio.html, click on the first portfolio item to take a test drive.

I hope this will help you!

Regards,
Andy

Hi JeffGalloway’s,

Thanks for buying this theme!

If you decide to use one of the 9 alternate color schemes, and want to get rid of the color switcher, follow these steps:

1. Remove code between /* for color switcher start */ and /* for color switcher end */ in application.js

2. Remove all alternate stylesheets except the one you selected

3. Change the alternate stylesheet you selected’s rel attribute to “stylesheet” and remove its title attribute

4. Unlink “styleswitcher.js” and “preloadCssImages.jQuery_v5.js” from the page

5. Repeat step 2 – 4 for all other pages

This process is described in the doc under “B) CSS Files and Structure” as well.

Regards,
Andy