In this tutorial, I'll be teaching you how to rip pretty much any HTML/CSS template from sites like ThemeForest and such.Note : I will be using FireFox for this tutorial, and a few steps in this tutorial may be unavailable in other browsers, such as Google Chrome.
How To:Step 1) Find a template which you would like to rip.In this tutorial, I will be using this template: http://vc.benbate.com/index.html
Step 2) Right Click on an empty area of the template and click on "View Page Info".A window similar to this will pop up:From the tabs at the top, click on "Media".This part is a very important part of the tutorial.Look at the following image:Click on the "Save As..." button and then create a folder for your template files.You will need to create a folder leading to the same directory as the file you are saving.So in this case we would be saving the file called "favicon.ico" in the folder "images".So, when you click the "Save As..." button, create a folder called "images" and save the favicon.ico file inside the images folder.Save each image to their directory. Make sure you don't miss any images!This is may sound hard, but it is very easy, trust me.Step 3) Once you get the images out of the way, let's move onto the HTML & CSS!Right click > View Page SourceOpen up Notepad or Notepad++ or any other notepad type program you use.Go back to the page source. Press Ctrl + A, or select all of the text on the page.Press Ctrl + V, or copy the selection. Paste this onto Notepad.Now, this next part is very important also!Take a look at this screen cap:In this case, you are going to name this file "index.html". But be careful, the name of the file will probably be different for each template.Now, if you notice, you will see some links ending with .css, like this:Click on those links and do the same thing you did with the HTML! Make sure you save them as .css instead of .html, make sure you save them to their correct directories, etc., etc.There may also be javascript files, which you should save as .js, save them to their own directories, etc., etc. .By now, you should have the hang of it!Step 4) Once you've done that, you should have a folder with all your files stored for this rip.If you're ripping the same template I ripped (which I do recommend that you try to rip if it's your first time), your folder should look like this:If it doesn't, you're doing something wrong.Now it's time to upload to our website. Most of us know how to upload things in the FTP, so I'm not gonna bother explain that.Once it's done uploading, go and see if it's working and if you're missing anything, etc.
http://www.imsanctuary.info/Virtuoso/
I hope some of you found this useful and not confusing. :DIf you didn't understand something, or if you need help with something, feel free to leave me a PM!If you felt like I'm missing something, or think I should add something to this post, feel free to say so.Tutorial made by Sanctuary, for WebFlake.