HTML Help

weedman · Joined: 29 Jul 2009 Posts: 23

I downloaded a html theme from this site:
http://www.quackit.com/html/templates/portal_website_templates.cfm

I edited it and tried to upload it to several free hosting sites, weebly and tripod.

For some reason they didnt work, either the images didnt load or nothing worked.

im not sure what i was doing wrong. Can someone help me out?

thanks

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

All files of the template must be uploaded just as they were unzipped. The files MUST maintain the same relationship as the original template files to work properly. You can change content, add images, widgets, etc., but the file paths for all links need to be maintained. This may require adding folders in some cases with the correct names as used in template and uploading all those files to that folder.

Might help you...

How to Do Templates:

How to Download and Edit a Template Video Tutorial: http://www.clantemplates.com/video/How_to_DL_and_Edit/How_to_DL_and_Edit.html

How to Make a New Page Video Tutorial: http://www.clantemplates.com/video/CT_How_to_Make_a_New_Page/CT_How_to_Make_a_New_Page.html

How to Upload Your Template Video Tutorial: http://www.clantemplates.com/video/CT_How_to_Upload/CT_How_to_Upload.html

weedman · Joined: 29 Jul 2009 Posts: 23

thanks alot, that worked.

another question, the way the image header is made is strange to me. Its been split into lots of images like a jigsaw puzzle. Can i make this one big image? Or will i need to cut my custom header up to match the current one?

thanks

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

If you have a good graphics editor you can make one image out of all those pieces, but you need to know how to do it and then how to recode your pages to show header properly.

weedman · Joined: 29 Jul 2009 Posts: 23

I have CS2, im guessing that counts as a good graphics editor. Is there some way i can remove these segments and replace it with one big header?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I would have to see the template code preferably online.

The way I would do it is to download all the image pieces you need for header. Note the width and the height of full header image as used now. Also, write all the image names unless you know what piece goes where already.

Open Photoshop (PS) and make a new CANVAS the same size as the header you need. Load all images into PS. I have an editor that allows this. Not sure if PS allows multiple image loads at one time.

You will be copying/pasting/positioning a lot for each piece The first piece can be copied and pasted directly on the canvas and positioned as needed. Then go to Layers Menu and make a new layer. Name it if you don't like default name. Copy/paste/position second piece. Make a new layer and repeat until all pieces have been placed where you want them.

I would save this as PS's *.psd extension in case you need to rework the original. Then do a Save As and save in the format of choice. I think PS has a Save As Web image or something like that which allows more control over the images attributes.

Once you have image made for header, you will have to edit the page and/or the CSS to set up the new header image.

HTHs,

Ron

weedman · Joined: 29 Jul 2009 Posts: 23

ill give that ago and get back to you.

here is the site,http://ominious-silence.webs.com/index.htm

also i tried to center the template, it centered everything except the nav box. Do you know how to center both?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

To start centering that page, those absolute positioning in CSS will have to be removed or redone. As with all webs.com's templates, there are lots of HTML Errors (44 Errors+).

weedman · Joined: 29 Jul 2009 Posts: 23

Doesnt, matter i just decided to make a new template. Ill link it when im finished

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

LOL. OK. That's one way to do it. Might be of interest...

How to Do Templates:

How to Download and Edit a Template Video Tutorial: http://www.clantemplates.com/video/How_to_DL_and_Edit/How_to_DL_and_Edit.html

How to Make a New Page Video Tutorial: http://www.clantemplates.com/video/CT_How_to_Make_a_New_Page/CT_How_to_Make_a_New_Page.html

How to Upload Your Template Video Tutorial: http://www.clantemplates.com/video/CT_How_to_Upload/CT_How_to_Upload.html

weedman · Joined: 29 Jul 2009 Posts: 23

http://ominious-silence.webs.com/

:D

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

That's a good start.

For browser compatibility you should check your CSS and HTML at the w3c.org's validators. That template is using a XHTML 1.0 Transitional document type and that is stricter coding than HTML 4.01 Transitional.

CSS Validator
HTML Validator

The current page has some serious errors right now:

CSS Error
HTML Error

That is only the ones for the Home page. The other pages need to be checked and corrected, too. Good luck. Post back if you need more help.

weedman · Joined: 29 Jul 2009 Posts: 23

Hello again. I Was hoping i could get some help for moving parts of the website. I wanted to move the nav bar closer to the image and move the content box up aswell.

http://ominious-silence.webs.com/tester.html

here is the site, so you can see what im talking about.
also, can i make the footer stay at the bottom of the page? instead of where it is now

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Can you correct the errors first?

Quote: Result: 0 errors / 24 warnings

line 5 column 1 - Warning: <body> isn't allowed in <head> elements
line 4 column 1 - Info: <head> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 7 column 1 - Warning: <meta> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 8 column 1 - Warning: <title> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 9 column 1 - Warning: </head> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 10 column 1 - Warning: <style> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 29 column 1 - Warning: <style> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 5 column 1 - Warning: content occurs after end of body
line 48 column 1 - Warning: <style> isn't allowed in <body> elements
line 5 column 1 - Info: <body> previously mentioned
line 61 column 1 - Warning: discarding unexpected <body>
line 5 column 1 - Warning: content occurs after end of body
line 77 column 17 - Warning: missing </div>
line 96 column 17 - Warning: <br> element not empty or not closed
line 98 column 38 - Warning: <br> element not empty or not closed
line 5 column 1 - Warning: content occurs after end of body
line 5 column 1 - Warning: content occurs after end of body
line 5 column 1 - Warning: content occurs after end of body
line 5 column 1 - Warning: content occurs after end of body
line 5 column 1 - Warning: content occurs after end of body
line 62 column 1 - Warning: <table> proprietary attribute "bordercolor"

Validators':

CSS Error
HTML Errors

weedman · Joined: 29 Jul 2009 Posts: 23

I cleared all the errors, and the site confirmed it then lots of it looked off, wasnt centered, so i added some stuff, now it says there are 13 errors