1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to put a HTML template to use?

Discussion in 'HTML & JavaScript' started by krismania, Nov 10, 2014.

  1. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    So recently I bought a nice html template from themeforest, but I'm experiencing problems installing it on my website. I upload the files through FileZilla, but the appearance doesn't change. Currently I have a free wordpress theme on my website. The html template doesn't support wordpress, so do I have to uninstall wordpress to make use of the template? I searched on google, but what I found there couldn't solve my problem. Any suggestions? If somebody solves this problem for me I'll give him the premium html landing page for free. Thanks in advance.
     
  2. dr.Hus

    dr.Hus Regular Member

    Joined:
    Oct 24, 2011
    Messages:
    265
    Likes Received:
    140
    Occupation:
    web design
    Location:
    www
    just delete everything and in root put your "index.html" (and other folders like .css,pictures, js...),
    dont rename it or something
     
    • Thanks Thanks x 1
  3. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    All right I did this and now the code seems to be okay, but all the images are missing. How do I set a path to the files actually?
     
  4. MrBlue

    MrBlue Senior Member

    Joined:
    Dec 18, 2009
    Messages:
    950
    Likes Received:
    662
    Occupation:
    Web/Bot Developer
    You need to either edit the HTML file and update all the image paths. You can do this quickly using find/replace. Or you can change the folder name where your images are located to match the paths in the html file.

     
    • Thanks Thanks x 1
  5. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    I just forgot to upload the "assets" folder and that is why images didn't load. They are good now, though I have another problem. How do I actually set a path to the other html pages? When I click the links on the images I go to a "404 Not Found"-page.
     
  6. davids355

    davids355 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2011
    Messages:
    8,781
    Likes Received:
    6,320
    Home Page:
    Check the index.html file, look for the location where the other pages are linked to - you should see <a href="...">other page name</a> or similar, see what is in between the quotations here: <a href="" - that is where the pages are called, assuming the html files are all in teh same directory, between those quotations it should just say the name of the pages html fiel - contact.html for example, if there is any path information in there you probably need to remove it.
     
    • Thanks Thanks x 1
  7. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    Here's a block of the main code of the index.html file:
    The href links send me to a "404 Not Found"-page. So my guess is that either the particular html pages are not in the required folder or the href links are not accurate, but which is it?
     
  8. MrBlue

    MrBlue Senior Member

    Joined:
    Dec 18, 2009
    Messages:
    950
    Likes Received:
    662
    Occupation:
    Web/Bot Developer
    You need to actually create those pages if they don't already exist.

     
    • Thanks Thanks x 1
  9. PHPInjected

    PHPInjected Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2014
    Messages:
    2,045
    Likes Received:
    1,699
    Occupation:
    100% Unique Content Writer
    Location:
    Overriding Methods
    Home Page:
    Is the assets folder inside of the root? If so, are those images/html pages inside of the assets folder? If not, put them in there. If you do not have access to them, you need to create them.
     
    • Thanks Thanks x 1
  10. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    Yes the assets folder is in the root/public_html folder. I put the pages in the assets folder and still get the "404 Not found"-page. So this means that I have to create them? But how? Should I use the pages I already have as a referrence? I want the page to look exactly the same as shown in the template.
     
  11. MrBlue

    MrBlue Senior Member

    Joined:
    Dec 18, 2009
    Messages:
    950
    Likes Received:
    662
    Occupation:
    Web/Bot Developer
    Look at the path here:
    Code:
    <a href="templates/home-desktop.html">
    The page "home-desktop.html" should be located in a folder called "templates". If it isn't then when you navigate to it you'll get a 404 error. Either move those files into a folder named "templates" or change the paths to reflect the correct file locations.

     
    • Thanks Thanks x 1
  12. krismania

    krismania Junior Member

    Joined:
    Aug 29, 2013
    Messages:
    162
    Likes Received:
    19
    It actually worked, thanks! I'm now just one step ahead of creating an awesome lading page for CPA/PPD. I just need to personalize all this now.
     
  13. flyingwebtech

    flyingwebtech Newbie

    Joined:
    Jul 12, 2014
    Messages:
    20
    Likes Received:
    0
    You can upload html file on your server using ftp and keep first name index or default and it will work fine for you
     
  14. ZeroHats

    ZeroHats Newbie

    Joined:
    Jul 20, 2013
    Messages:
    26
    Likes Received:
    4
    Upload it to a folder with index.html in it. Then go to the folder link.