Newbie Question

[goodpony]

Hi I wondered if it is possible to insert an image rather than the logo text/link at the upper left of my site. I have tried and tried and don't seem to be able to work this out on my own.
here is a link to my site: dressagepony.net and I would like to replace the logo text link at the upper left of the page.
thank you.
Lisa

[Mike-N-Tosh]

Lisa,

Please help us help you by posting your version of the 68 Classifieds software as well as the template that you are using in all of your posts. It is highly recommended that you do that in your signature.

I believe you are running v4.0.9, but can't be certain and I believe you are also using one of the "Template Codes" templates that you have modified.

From the look at the source code I believe you can simply replace everything between:
<div id="logo">
</div>

with:
<a href="index.php" title="your site name">
<img src="{$smarty.const.URL}/templates/{$smarty.const.MAIN_TEMPLATE}/images/logo.jpg" alt="your site name logo" width="XXX" Height="XXX" />
</a>

All items in red would need to be changed to your correct information. Also assuming that you place your logo image in the template/images.

You may also need to change the logo id in your css style sheet to accommodate the new height of your logo. It would be listed as #logo in your stylesheet.

Anything beyond this, I would recommend that you contact the developer of your template.

Hope that helps,
-Mike

[seymourjames]

It looks like you have changed the normal position of your login / register from the standard template design , some of the rounded elements have also been replaced. It lis beginning to look very nice but I would move the login/register back

Mike's advice is sound for the logo - thanks Mike.

[goodpony]

Thank you for your help but it doesn't seem to be working for me. I followed exactly what you have written above and no image appears(probably did this ten or more times alltogether).....also checked and rechecked the path and image size and so far no luck.

with respect to the login....If I did move it, it was inadvertently. Though I did notice last night while attempting to replace the text with an image.....the moment I change the logo (even just changing the text) the login moves around on its own. For example if I remove the Logo/Text link entirely....it moves to the right of the page above the user menus. Not really sure how I did that. If you know how to put it back where it was I'd sure like to try.

And you are right on all counts it is 4.09 and it is a template codes template. Sorry, just getting my feet wet.

[seymourjames]

You have changed your css file and almost certainly changed the characteristics of the original banner which was a repeating image. Put the original css style sheet back in and change one thing at a time. Your tabs are not where they are meant to be and neither is your login / register.

If this does not work then send us a ticket - we will try to look at it. Please include your FTP login details.

[goodpony]

I used the same repeating image and simply changed its color in photoshop, and some of the colors in the template....Im not really sure how that would cause things to move around. Outside of changing the name I haven't made any other changes...other than color.

[goodpony]

I also just attempted to reload the original css and all tabs and the login/register is still in the same place?

[seymourjames]

Got it - the strapline International Pony and Small Horse Classifieds is too long for the current css definition. Watch what happens if you just remove one of the words - everything falls back into place. You could of seen this in friefox with the web developer tool bar (I highly recommend it to you). You need to change your css to accomodate the length you are using.

Try

#logo {

float: left;
text-align: left;
margin: 18px 0 0 0px

Seems to push everything back into place in Firefox by reducing the left hand margin or better still try this (the padding between the tabs is decreased from 15px to 5px). You can play around with the padding to suit your needs.

ul#nav li a span {
background: transparent url(../images/tab_right.gif ) no-repeat right top;
display: block;
color: #fff;
padding: 0 5px 0 10px;
margin: 0 0 0 5px;
font: bold 12px/35px "Lucida Grande", Lucida, Verdana, sans-serif;
}

[goodpony]

thank you, that does look lots better I am using Firebug is that the same thing as the webmaster tools or is there something else that would be more useful.

[seymourjames]

I use web developer for Firefox. It seems to have really nice stuff. This css will make it look even better in my opinion. I just looked at your site and you do not seem to have changed it - not sure what you mean by better now. These are the changes you should make.

#logo p {
font-size: 11px;
color: ##343434;
margin: 0;
padding: 0;
}

ul#nav {
list-style-type: none;
list-style: none;
float: right;
margin: 50px 18px 0 0;
padding: 0;
}
ul#nav li {
display: inline;
float: left;
margin: 0 0 0 4px;
padding: 0;
}
ul#nav li a {
display: block;
background: transparent url(../images/tab_left.gif ) no-repeat left top;
line-height: 30px;
margin: 0;
padding: 0;
float: left;
text-decoration: none;
}
ul#nav li a span {
background: transparent url(../images/tab_right.gif ) no-repeat right top;
display: block;
color: #fff;
padding: 0 10px 0 5px;
margin: 0 0 0 5px;
font: bold 11px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
}