Open Designs

Open Designs Forum » General Talk

1. preeti
   Member

   hi everyone, i have just come across this site via a friend of mine. let me just say AT LAST there is a site dedicated to great looking templates with help aswell !!

   i would like to use one of the free templates on this site called 'Dark Army' (/design/?template=2048)

   i have downloaded it onto my desktop and would like to change it so that i have my stuff on it instead-

   BUT ....

   i have no idea how to...i have tried playing around with changing an image but when i try and save the html, notepad does not let me, it says that the name is incorrect.

   also, once it is saved how do i view to see how the new changes look like??

   i know i know this is really basic stuff for you guys, but i am just getting into trying to do a website and would ultimately create my own designs some day :)

   i just need some direction...

   many thanks for reading this ,

   newbie (aka preeti)

   Posted 2 years ago #

2. greg
   Member

   Make sure you're editing the proper file - you can't right-click in a browser and select 'view source' to edit the HTML. Right-click on the HTML file you want to edit, select 'open with...' and choose Notepad.

   To view your changes you can just open the HTML file in your Web browser. Each time you make a change, press the F5 key to refresh the page to view the new changes.

   Posted 2 years ago #

3. papab30
   Member

   You have picked a difficult template to work with.

   Everytime you see this area, you are looking at a corner of some content. You will see these scattered all through the markup of the page. If you want to keep you corners you will need to stay away from these.

   ' <div class="BlockContent-tl"></div>
   <div class="BlockContent-tr"><div></div></div>
   <div class="BlockContent-bl"><div></div></div>
   <div class="BlockContent-br"><div></div></div>
   <div class="BlockContent-tc"><div></div></div>
   <div class="BlockContent-bc"><div></div></div>
   <div class="BlockContent-cl"><div></div></div>
   <div class="BlockContent-cr"><div></div></div>
   <div class="BlockContent-cc"></div>'

   Next, if you're working with this page you should place it in a folder. Something much like this layout would work.

   C:\WebSite\

   Inside the Website folder you should have this:

   index.html
   style.css

   and a folder called images

   Now if you're going to add a new image to something, find the content area that you want to change (for example: a <div> with the id of "post-9")

   Now do <img src="images/imageName.jp" alt="My Image" />. You need to have your actual image in the images folder, and when you add a new image, you need to make sure that you put the path for that image into the SRC part of the markup. Don't have anything like C:\My document\My Pictures\Some Folder\SomePicture.jpg as the path. It will not work once you move the website onto a webserver.

   Look at w3school.com for more information on basic HTML skills.

   Good luck, hope this works for you.

   Posted 2 years ago #

4. arwen54
   Member

   Papa, the template is a mess because it is one of the ones I identified as being generated by a program called Artisteer. This is an auto-generated design. If you check the CSS it does NOT validate and as far as I'm concerened there are 5 designs by this person that should be removed because of the fact the CSS doesn't validate and they are NOT original designs.

   Posted 2 years ago #

5. preeti
   Member

   thanks guys for all your help-i think i will abandon this template on arwen54's advise. i shall look for a more suitable and simple design to start off with

   much appreciated!
   preeti

   Posted 2 years ago #

6. preeti
   Member

   i have just seen this template- it states it is a simple one to modify ...so here goes....................

   /preview/?template=35

   (fingers crossed)

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.