making a banner

Comments

• Options

  Allen Registered Users Posts: 10,012 Major grins

  September 24, 2007 edited September 24, 2007

  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;
  }

  Al - Just a volunteer here having fun
  My Website index | My Blog

  0