1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Neo Dance Website template

Discussion in 'Free Website Templates' started by Mimoun, Jan 31, 2013.

  1. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Don’t just tell people about your dance studio or performance academy—this website template helps you show them with video!

    [​IMG]

    Download - View

    Web design sub pages:

    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]


    This website template will work with all modern web browsers.


    What is included:
    • HTML files source code
    • CSS file source code
    • Images: compressed versions
    • The design source, in this case, the PSD files
    • Sliced PSD file (Photoshop source design)
    Third party Stock Photos licensed from Veer:

    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]


    Third party fonts used:
    Font details coming soon.......

    Credits:
    Credit details coming soon......

    Design version 11
    Code version 2

    Download - View
     
  2. worldwiser

    worldwiser New Member

    Hi Mimoun, I wondered - how is this template intended to work with video.. does one substitute the 'play' boxes with embedded youtube clips etc? Grateful for your help!
    Many thanks
     
  3. worldwiser

    worldwiser New Member

    Um hello?!
     
    safavicnc likes this.
  4. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Yes just replace the code for the video image on the template with the youtube html code.
     
  5. Jelli

    Jelli New Member

    I've tried replacing the code for the video image with the youtube embed code but I'm not getting it to work so . Could you please tell me exactly what code to take out on exactly which images please (on the Performances page)? Also, do I need to change or delete any of the div classes? Many thanks :)
     
    safavicnc likes this.
  6. Jelli

    Jelli New Member

    I have another question... do I need to make a link from the thumbnail play boxes to the larger playbox? :) thank you
     
  7. Jelli

    Jelli New Member

    I have yet another question! Must I make a new page for every video I embed?
     
  8. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Upload your HTML file to the forum using the upload a File button so we can take a look at your code. Right now it's like a doctor doing a health check up on the phone.

    Yes you can do that or use direct embed as a small player. Personally I think it's better to link to a full page with a big player.
     
  9. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Yes just copy past the embed code from YouTube in the place of the image.
    Since a lot of people are having problems with this I will embed YouTube examples in our next update for this website template.
     
  10. Jelli

    Jelli New Member

    I've tried to paste the embed code from a random youtube video, in place of the larger image. It just disappears and no player results. This is the existing code:

    <div class="video3">
    <img src="images/video-swanLake-large.jpg" alt="Video"> <a href="swanLake.html" class="play3">Play Video</a>
    </div>

    Can you tell me please exactly what section of code do I need to replace and/or change to embed a youtube video that works? Do I leave in the div class to embed? I'm not great with css, so I tried many different ways but nothing worked.
    Thanks :)
     
  11. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Not sure what the problem is.
    I will just update the template with youtube embed codes, so you can see how it's done.
    See source code here for example if you can't wait:

     
  12. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Ok found out why it's not working for you.
    You are testing your code on your local computer and for some reason the standard Youtube embed codes don't work on local HTML files.
    Upload to your web hosting provider and it will work.
     
  13. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Found out how to make it work on your local computer and public website
    just add https: to your Youtube embed code.
    You get from Youtube this:
    Code:
    <iframe width="560" height="315" src="//www.youtube.com/embed/1Rs51n-2dtY" frameborder="0" allowfullscreen></iframe>
    Change it to this:
    HTML:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/1Rs51n-2dtY" frameborder="0" allowfullscreen></iframe>
    So the problem is with the Youtube embed code and not the templates.
    Can't believe a big company like Google didn't account for people to test their embed codes on a local computer.
     
  14. Jelli

    Jelli New Member

    I see it's just a matter of adding in the "https:" !!! I agree! So much frustration and such an easy fix! I'm relieved I can go ahead with the templates!! Thank you so much for sticking with my problem and finding the answer!! xox
     
  15. kbailie

    kbailie New Member

    Hi all, I'm having a problem changing the font-weight in CSS for this template. I'm trying to modify the H4 style in the style.css:

    #about h4 {
    font-family: "NixieOne";
    font-size: 14px;
    font-weight: normal;
    line-height:24px;
    text-transform: uppercase;
    }

    but regardless of what I change the font-weight to, it still never displays in bold. I'm using IE 11.

    Also, even if I keep the font-weight as above (normal) I noticed when I do a reload of the page, for a split second, the headings are quickly displayed in bold and then it goes to regular font-weight.

    It's almost as if some other CSS style of over-writing what I'm doing but I can't seem to figure it out.

    thanks,
    Keith
     
    Last edited: Jun 9, 2014
  16. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    @kbailie are you trying to change this for the about page?
    If you used h4 outside of the standard H4 nested element inside the about div tag, you will need to use this instead:

     
  17. kbailie

    kbailie New Member

    Ok I now have it working (though I'm currently using the contact page not about) but I still find it weird how the page renders on my browser when I do a reload . It looks like a certain weight is applied to the text and then that gets over-ridden. To see what I mean go to www.stagecraft.ca and hit the reload/refresh button your browser. You'll see the LIGHTS COME UP... heading appear in a very bold weight and then re-render in a lighter weight. The original content seemed to do this so I don't think it's any change I've made. Is that just the CSS being applied?

    thanks,
    Keith
     
  18. °Joel

    °Joel New Member

  19. Shanique Scott

    Shanique Scott New Member

    how do i edit this template?
     
  20. Jonny120

    Jonny120 New Member

    Wow great template. Can you tell me how to change the header color?