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
     
    Mimoun, Jan 31, 2013
    #1
    safavicnc, anderson7905, kukuxanh999 and 1 other person like this.
  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
     
    worldwiser, Nov 21, 2013
    #2
  3. worldwiser

    worldwiser New Member

    Um hello?!
     
    worldwiser, Nov 27, 2013
    #3
    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.
     
    Mimoun, Dec 11, 2013
    #4
  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 :)
     
    Jelli, Jan 18, 2014
    #5
    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
     
    Jelli, Jan 18, 2014
    #6
  7. Jelli

    Jelli New Member

    I have yet another question! Must I make a new page for every video I embed?
     
    Jelli, Jan 18, 2014
    #7
  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.
     
    Mimoun, Jan 19, 2014
    #8
  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.
     
    Mimoun, Jan 19, 2014
    #9
  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 :)
     
    Jelli, Jan 19, 2014
    #10
  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:

     
    Mimoun, Jan 22, 2014
    #11
  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.
     
    Mimoun, Jan 22, 2014
    #12
  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.
     
    Mimoun, Jan 22, 2014
    #13
  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
     
    Jelli, Jan 24, 2014
    #14
  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
    kbailie, Jun 9, 2014
    #15
  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:

     
    Mimoun, Jun 18, 2014
    #16
  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
     
    kbailie, Jun 18, 2014
    #17
  18. °Joel

    °Joel New Member

    °Joel, Jan 12, 2015
    #18
  19. Shanique Scott

    Shanique Scott New Member

    how do i edit this template?
     
    Shanique Scott, Nov 5, 2015
    #19
  20. Jonny120

    Jonny120 New Member

    Wow great template. Can you tell me how to change the header color?
     
    Jonny120, Nov 6, 2015
    #20