Tutorials HTML and CSS Tutorials Make a Fixed Banner

Make a Fixed Banner

Will Tutorials Apr 11, 2007

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.

Make a Fixed Banner

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;

Tahoma, Verdana, Arial;
background: red;
border: 1px solid #666;

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"> - Web Development Community</div>

And you're off!

subscribe to newsletter