Logo on every page

wowhot · July 3, 2008

I would like a small version of my logo that is found on the frount page on every gallery page in the top left corner.

is this possible..

Im going crazy trying to do it on my own as i dont have any idea of html and what i have is really just collecting bits and peices from the web..

Ant help would be so great

:thumb Thanks for all your help:thumb

www.whanphotography.smugmug.com

denisegoldberg · July 3, 2008

wowhot wrote:

I would like a small version of my logo that is found on the frount page on every gallery page in the top left corner.

That can be done very easily. This tutorial - http://dgrin.smugmug.com/gallery/1932865 - shows how to place a banner on your page. You should be able to use that as a starting point. The CSS can be adjusted to show your logo in the top left corner instead of centered.

You can see an example on my page. I have my site name shown in the upper left with my navbar floating to the right edge of the page.

If you haven't already seen it, I'd highly recommend taking a look at the >>> CUSTOMIZATION: Start here <<< sticky in the customization forum. It has links to some very useful information. Here's a link to that thread - http://www.dgrin.com/showthread.php?t=52812.

--- Denise

Allen · July 3, 2008

wowhot wrote:

I would like a small version of my logo that is found on the frount page on every gallery page in the top left corner.

is this possible..

Im going crazy trying to do it on my own as i dont have any idea of html and what i have is really just collecting bits and peices from the web..

Ant help would be so great
<img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" > Thanks for all your help<img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

www.whanphotography.smugmug.com

Try this and see if you like it. Not sure what it will do in other browser then Firefox yet.

In your header change this

<div id="my_header"><a href="http://whanphotography.smugmug.com">
<img src="/img/spacer.gif" border="0" height="70" width="605">
</a></div>

to this

<div id="my_banner"></div>

In your CSS change this

[B]<[/B]body bgcolor="#000000">
[B]<[/B]body bgcolor="rgb(0,0,0)">
[B]<[/B]body bgcolor="black">
}

#my_banner {
    width: 600px;
    height: 120px;
    margin: 0 auto;
    background: url(http://whanphotography.smugmug.com/gallery/5263064_CK7s4#320392671_wHpdR-XL-LB) no-repeat;
}

to this

#my_banner {
    float: left;
    width: 100px;
    height: 100px;
    background: url(/photos/320323825_kZ5U9-Ti.png) no-repeat;
   _background: none;
   _filter:progid[B]:[/B]DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
      sizingmethod=image, src='/photos/320323825_kZ5U9-Ti.png');
}

.homepage #my_banner {display: none;}
.galleries #my_banner {display: block;}

wowhot · July 4, 2008

Hi there

Could you help me again..
I tryed your sugestions and nothing happened i could not click past the start up page onto veiwing the gallerys.

so as my knoledge is really limmited i tryed starting back to as i had it before i made changes,

so i replaced all the html back to as it was before i added your corrections and now its tottaly gone nuts i have the gallery on the frount page and my name above the logo.. <img src="https://us.v-cdn.net/6029383/emoji/eek7.gif" border="0" alt="" >

Please please please can you have a look and help me get it back to what it was please it tock me ages to get this far with no computer knoledge.

<img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" > Thanks for your time and consideration in helping me<img src="https://us.v-cdn.net/6029383/emoji/thumb.gif" border="0" alt="" >

Allen wrote:
Try this and see if you like it. Not sure what it will do in other browser then Firefox yet.

In your header change this

<div id="my_header"><a href="http://whanphotography.smugmug.com">
<img src="/img/spacer.gif" border="0" height="70" width="605">
</a></div>

to this

<div id="my_banner"></div>

In your CSS change this
[B]<[/B]body bgcolor="#000000">
[B]<[/B]body bgcolor="rgb(0,0,0)">
[B]<[/B]body bgcolor="black">
}
 
#my_banner {
    width: 600px;
    height: 120px;
    margin: 0 auto;
    background: url(http://whanphotography.smugmug.com/gallery/5263064_CK7s4#320392671_wHpdR-XL-LB) no-repeat;
}
to this
#my_banner {
    float: left;
    width: 100px;
    height: 100px;
    background: url(/photos/320323825_kZ5U9-Ti.png) no-repeat;
   _background: none;
   _filter:progid[B]:[/B]DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
      sizingmethod=image, src='/photos/320323825_kZ5U9-Ti.png');
}
 
.homepage #my_banner {display: none;}
.galleries #my_banner {display: block;}

wowhot · July 4, 2008

Hi there again

I spent some time and i go it figgered out on my own sorry to worrie...

But thank you for your suggestions ill have to find another way to get the logo on to every page in the corner.. it just seemded like that last way just blocked everything form working..

Im using IE if it helps

..thanks ed

In your CSS change this

[B]<[/B]body bgcolor="#000000">
[B]<[/B]body bgcolor="rgb(0,0,0)">
[B]<[/B]body bgcolor="black">
}
 
#my_banner {
    width: 600px;
    height: 120px;
    margin: 0 auto;
    background: url(http://whanphotography.smugmug.com/gallery/5263064_CK7s4#320392671_wHpdR-XL-LB) no-repeat;
}

to this

#my_banner {
    float: left;
    width: 100px;
    height: 100px;
    background: url(/photos/320323825_kZ5U9-Ti.png) no-repeat;
   _background: none;
   _filter:progid[B]:[/B]DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
      sizingmethod=image, src='/photos/320323825_kZ5U9-Ti.png');
}
 
.homepage #my_banner {display: none;}
.galleries #my_banner {display: block;}

[/quote]

Logo on every page

Comments