Неподвижна лента

[Avidea]

Как мога да направя неподвижна лента, като в този форум
Искам да е прозрачна, да може да се затваря и смятам да поставя бутони към социални мрежи, вход, изход и други такива.

 

[lub4o]

.opa
{
    background: url(***) repeat-x;
    height: 29px;
    opacity: 0.9;
    border-bottom: 2px solid #999;
    position: fixed;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
}

<div class="opa">
текста
</div>

 

[Nazi_93]

Слагаш в 1 див и пишеш
.div{position:static;}

 

[tony_nikolov]

Виж това: http://www.wibiya.com/?ref=L

 

[smileface]

<div id='top_bar'>
<div id="userlinksguest" style='display: block'>
	<p class="pcen"><img src='http://www.MoneyMakerGroup.com/style_images/mmg_2/top_guest.gif' alt='' /> <b>Welcome Guest</b> ( <a href="http://www.moneymakergroup.com/login.html">Log In</a> | <a href="http://www.moneymakergroup.com/register.html">Register</a> )
</p>
</div></div>

[css]
#top_bar{
position: fixed;
top: 0;
left: 0;
background: #60778c;
width: 100%;
color: #fff;
/*width: 99%;*/
opacity: 0.9;
/*padding: 8px 30px 8px 8px;*/
height: 33px;
padding-right: 10px;
filter: alpha(opacity=90);
text-align: left;
border-bottom: 1px solid #45627c;
}
#userlinks,
#userlinksguest{
margin: 0 1px 0 1px;
padding: 0 7px 0 7px;
clear: both;
color: #fff;
min-width: 868px;
}


#userlinks a:link,
#userlinks a:visited,
#userlinks a:hover,
#userlinks a:active,
#userlinksguest a:link,
#userlinksguest a:visited,
#userlinksguest a:hover,
#userlinksguest a:active{
color: #fff;
}

#userlinks p,
#userlinksguest p{
background: transparent !important;
border: 0 !important;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 !important;
padding: 7px 0 7px 0;
text-align: right;
}

#userlinks p,
#userlinksguest p{
font-weight: normal;
letter-spacing: 0;
}

#userlinksguest p.pcen{
text-align: center;
}

#userlinks p.home,
#userlinksguest p.home{
float: left;
}
[/css]