Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
How to Open a Fixed (size) Window
by Ades Tynyshov
Build Fixed Columns
by Webzo Studio
Remove Banners And Pop-Ups
by Ghostbone.com
Banner Exchanges
by Promotionworld.com
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Make a Fixed Banner
rss

Make a Fixed Banner

Author: Will More by this author

Added: Apr 11, 2007 Rating:  Average Rating: 2.53 Votes: 34 Position: 11583 of 13056Average Rating: 2.53 Votes: 34 Position: 11583 of 13056Average Rating: 2.53 Votes: 34 Position: 11583 of 13056Average Rating: 2.53 Votes: 34 Position: 11583 of 13056Average Rating: 2.53 Votes: 34 Position: 11583 of 13056 Level: Experienced Software:  Dreamweaver

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: www.avengex.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Make a Fixed Banner"