Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Make a Fixed Banner
Your Ad Here

Make a Fixed Banner


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



Author's URL: Will
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Make a Fixed Banner"

Only registered users can write comment

No comments yet...