Changing 68class logo to my own

[jason1971]

Hi everyone,

Im new to designing my classifieds website. Can any of you good people please tell me how I add my logo to my hosted classifieds site. ive had a bit of a browse around my file and it blew my mind.

Also I understand I will need to first upload my logo, can you please tell me how I go about this and where in my files do I store it ?? do I need to create a new folder ??

Please help my heads hurting

[Mike-N-Tosh]

You can download my free book excerpt, Modifying the 68c Default Template (v4.0.x) from my blog store.

-Mike

[jason1971]

Hi Mike )or anyone else,

I have resolved the issue of uploading and placing my logo, but I have another problem if you look at the logo in my website it appears to be half coverd by the search and menu bar, can you please tell me what other information I need to make more space to show the logo totally

The section of the code is below:
div id="logo">
{* This portion is the site title. The top left corner. *}
<img src="/uploads/classifiedslogo.JPG"</a>

</div>
</div>

<div id="tabs">
{* Tab navigation with the search bar *}
<ul>

[Mike-N-Tosh]

First off, get rid of the erroneous "t right before the logo. Second, you need to add the proper dimensions to the image source and an ending ">".
You have:
<img src="/uploads/classifiedslogo.JPG"

You should have:
<img src="/uploads/classifiedslogo.JPG" height="XX" width="xxx" />

Hope that helps,
-Mike

[jason1971]

thanks mike

[Mike-N-Tosh]

A couple of other things to note. Your logo image has a ton of white space at the bottom. I would suggest editing your logo and cropping it. You still need to enter the height and width attributes of the logo image. It's also strongly suggested that you add the alt="what you want here" attribute. also the end of the img element needs to have " />". That is a space before the "/" to be proper valid XHTML code.

You may also want to edit your style.css file. Once you know the height of your logo image, then change your height attribute in the #header appropriately.

-Mike