2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

Cool Fixed position ad banner???

by Backtrack Linkback
1 replies
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 Unomateo
    You can put the code below in your style.css file, or wrap in in <style> tags and put it in the head section before the closing head tag </head>

    It need to go before the <div> that displays the ad and it's good form to put the style in the head or in a style.css file

    #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;
    }
    {{ DiscussionBoard.errors[4695384].message }}

Trending Topics