making a banner

Bountyphotographer

Ivar?anybody else.
Let's say one has done a banner on photoshop and goes back to the smugmug account open the customization, cklick on control panel, orgNIZE & customize .......and can't find his/her banner location. According to the tutorial it says to go to your banner and click share????
Well if I go to my banner which is on photo shop how can I go and click the share button which is on smugmug??
Then on the same page it says HTML code. Do I have to do both the CSS and the HTML.
I probably sound like an idiot right now, but I sure it is temporary ha,ah,ha

BP

Allen

Bountyphotographer wrote:

Ivar?anybody else.
Let's say one has done a banner on photoshop and goes back to the smugmug account open the customization, cklick on control panel, orgNIZE & customize .......and can't find his/her banner location. According to the tutorial it says to go to your banner and click share????
Well if I go to my banner which is on photo shop how can I go and click the share button which is on smugmug??
Then on the same page it says HTML code. Do I have to do both the CSS and the HTML.
I probably sound like an idiot right now, but I sure it is temporary ha,ah,ha

BP

You need to add the div for your banner in the header code box and
then some CSS defining and formating it. Below is a quick paste in of a
clickable banner code. Look under it for a non-clickable banner.
Also you have to upload your banner photo/file to your site and
insert the link in the CSS below.

Here's some generic code. It creates a clickable banner on your pages.
Plug in your numbers and see if this works.

The header code (not head tag box) Clickable banner.

<div id="my_banner">
<a href="http://nickname.smugmug.com">
<img src="/img/spacer.gif" height="100" width="750" border="0" alt="">
</a></div>

Supporting CSS to define image and format banner

#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(/photos/xxxxxxxx-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='/photos/xxxxxxxx-O.png');
}

Make the spacer gif the same size as your banner, it's the clickable area.

==== ====
Here's another version generic code for a non-clickable banner.

The header code Non-Clickable banner using png.

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

Supporting CSS to define image and format banner

#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(/photos/xxxxxxxx-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='/photos/xxxxxxxx-O.png');
}

===== Note: For a transparent banner create a png and use above code =====

Here's some generic code if you're using a jpg.

The header code Non-Clickable banner using jpg.

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

Supporting CSS to define image and format banner

#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(/photos/xxxxxxxx-O.jpg) no-repeat;
}