what's the easiest way to produce a thin email register bar towards the top of the browser, that stays there because the user scrolls lower and navigates to various pages? i am using wordpress and that i curently have jquery loaded, but haven't designed anything using jquery or wordpress yet. i have been mostly a person so far and know html, css plus some php and javascript. thanks B

Place the the div as with the example in Web coding on every page (I'm not sure the way it looks in Wordpress, but there has to be some header php file that's loaded on every page).

CSS:

div#signup{
    position:fixed;
    top:0;
    right:0;
    width:100px;
    min-height:30px;
    background-color:red;
    text-align:center;
}

HTML:

<div id="signup">
   Sign up
</div>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>
A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>A<br>

Edit: I transformed code a little following the comment + added live demo (it intervenes a little with JSFiddle as their objects will also be top-right aligned).

Just produce a container div for that register button and add it wherever you need the button to look (your page.php, single.php, index.php) or header.php to be everywhere as the second poster recommended. This is a fundamental demo plus some code which you can use:

HTML

<div class="signup">
    <a class="signupbtn" href="#" title="Sign up">Sign Up</a>
</div>

CSS

.signup {
    position:fixed;
    left:0;
    top:160px;
}

a.signupbtn {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 10px;
}
a.signupbtn:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.signupbtn:active {
    color: #000;
    border-color: #444;
}

And here is a fundamental demo from the button being used:

http://jsfiddle.net/andresilich/FAVK9/1/

Essentially when you wish something to stay with a unique place even if browser scrolls, you need to use fixed positioning.

I highly recommend you read this article (from A Listing Apart), to understand what CSS Positioning means.