Cool Fixed position ad banner???

3 replies
  • WEB DESIGN
  • |
I have found a couple of different references, but just cannot seem to find an exact code to copy and paste into my theme file..

I found a source that said their code works in wordpress.
HTML Code:
<div id="bottomBanner"><a href="http://foliofocus.com/"><img src="http://designm.ag/images/ffbanner.jpg" alt="Folio Focus" width="964" height="40" /></a></div>
It stated to copy and paste that under in the "header.php" file directly beneath the "<body>" tag

Then this code will style it..

HTML Code:
#bottomBanner {
display: block;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
z-index: 999;
text-align: center;
background-color: #b5ae92;
}
#bottomBanner img {
margin: 0 auto;
border: none;
} 
My question is.. do I paste that in the same place? (header.php, below body tag)??

Are they supposed to be combined in some way?


Does anyone know a way to help? please??

- Sam
#banner #cool #fixed #position
  • Profile picture of the author Testeds
    Put the last part (the style) into a tag like this
    Code:
    <style type="text/css"> <!-- #bottomBanner { display: block; position: fixed; bottom: 0px; left: 0px; width: 100%; height: 40px; z-index: 999; text-align: center; background-color: #b5ae92; } #bottomBanner img { margin: 0 auto; border: none; }   --> </style>
    You can place this code before or after (before is best) the actual html div, either way the css will be loaded before the actual html is finished and displayed.

    Code:
    <div id="bottomBanner"><a href="http://foliofocus.com/"><img src="http://designm.ag/images/ffbanner.jpg" alt="Folio Focus" width="964" height="40" /></a></div>

    I hope this helps.
    {{ DiscussionBoard.errors[4686992].message }}
    • WOW that worked!!!

      Man so many thanks

      Im gonna follow you and thank you on every post for the next like 7 days. AWESOMEEEEE!!!!

      - Sam
      Signature




      Have a Wonderful Day!

      {{ DiscussionBoard.errors[4687088].message }}
  • Profile picture of the author Testeds
    Hey man, no problemo. You should do me a favor though, review this website re-design

    http://www.warriorforum.com/website-...back-life.html
    {{ DiscussionBoard.errors[4687550].message }}

Trending Topics