Introduction - A double yew tay eff?! Guide to fixed banners.
This tutorial will eventually give the effect that Popup blockers come up with when they block something.
It's based on div design, and it's quite a sneaky way to get someone's attention, although it can be annoying.
First of all we've got to get our CSS code ready to go.
| #fixedBanner {<br
/> position: fixed; /* Obviously.. */ top: 0; left: 0; padding: 3px; font-family: Tahoma, Verdana, Arial; background: red; border: 1px solid #666; } #fixedBanner:hover { background: #AAA; padding: 3px; border: 1px solid #666; } |
Paste that in your <head> tag inside some <style> tags, or paste it in your CSS file.
Now in your page, put this in somewhere:
| <div id="fixedBanner">AvengeX.com - Web Development Community</div> |
And you're off!
Reply