Latający pasek u góry "zaloguj lub zarejestruj"

wersja skryptu MyBB: 1.6.10
adres forum: nauka-rp.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Cześć! Zastanawiam się jak zrobić coś takiego jak na screenie. Ten pasek jest jakby 'przyczepiony' do góry ekranu.

CSS:

#pasek {
margin: 0px 0px 0px 0px;
padding-top: 5px;
padding-bottom: 5px;
border: #CCCCCC solid 1px;
display: block;
z-index: 9999;
background-color: #333333;
text-align: right;
top: 0px;
opacity: 0.9;
filter: alpha(opacity=90);
text-align: right;
width: 100%;
position: fixed;
}

.pasek-wyglad {
background: green;
border-radius: 3px;
text-shadow: 1px 1px 1px black;
padding: 2px;
font-color: FFFFFF;
} 


Do szablonu header_welcomeblock_guest dodaj:

<div id="pasek">

<span class="pasek-wyglad"><a href="{$mybb->settings['bburl']}/member.php?action=login" class="login">{$lang->welcome_login}</span></a>   <span class="pasek-wyglad"><a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a></span>
</div> 


edit:

Oczywiście na swoje potrzeby możesz sobie dostosować.

Coś nie działa. Jest tylko napis "zaloguj lub zarejestruj" a paska ani nic nie ma.

Coś źle musiałeś zrobić bo mi wszystko działa.
Spróbuj jeszcze raz css wrzucić do global.css

Twój styl > Nagłówek > header_welcomeblock_guest

<div id="topbar" style="text-align: center; visibility: visible; left: 35px; top: 835.0000000000005px; "><span class="gen">
<strong><font size="2"><br style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 255);"> Przeglądasz forum jako </span><strong style="color: rgb(255, 255, 255);">gość</strong><span style="color: rgb(255, 255, 255);">, </span><a style="color: rgb(255, 255, 255);" href="member.php?action=register"><font color="red">rejestrując się</font></a><span style="color: rgb(255, 255, 255);"> zyskujesz dostęp do wielu unikalnych opcji niedostępnych osobom niezarejestrowanym.</span> 


Niezgrupowane szablony > headerinclude

Wstaw przed {$stylesheets}

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/topbar.js"></script> 


Do global.css dodaj:

#topbar{
    position:absolute;
    border: 1px solid black;
    padding: 5px;
    background-color: black;
    width: 600px;
    visibility: hidden;
    z-index: 400;
    color: white;
    text-color: white;
    opacity: 0.70;
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    filter: alpha(opacity=80);} 


Zawartość folderu topbar wrzuć do głównego katalogu

Wciąż to nie działa - nie mam pojęcia co jest nie tak tylko mi się cały nagłówek psuje więc usuwam efekt. Inne propozycje?

Po wrzuć do header_welcome_guest

<header class="fixed-header">
    <nav><ul>
        <li><a href="#link-logowania">Zaloguj</a></li>
        <li><a href="#link-rejestracji" id="reg">Zarejestruj</a></li>
    </ul></nav>
</header>

Po wrzuć do global.css

.fixed-header{
    position: fixed;
    z-index:9999;
    top:0;
    left:0;
    background:#333;
    display: block;
    width:100%;
}
.fixed-header nav{
    padding: 5px 5%;
    text-align: right;
}
.fixed-header nav ul li{
    list-style: none;
    display: inline;
}
.fixed-header nav ul li a:link, .fixed-header nav ul li a:visited{
    padding: 8px 12px;
    margin: 0 5px;
    display: inline-block;
    color:#fff;
    border-radius: 4px;
}
.fixed-header nav ul li a:hover, .fixed-header nav ul li a:active{
    background: #555;
}
.fixed-header nav ul li #reg{
    background:#7ea32a;
}
.fixed-header nav ul li #reg:hover{
    background:#91c716;
}