Przewijana ramka z boku forum

wersja skryptu MyBB:1.6.12
adres forum:www.omg-shot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciałbym dodać przewijaną ramkę "witaj gościu" po prawej stronie forum. Ramka, aby miała półprzezroczyste tło.

Przewijaną - przewijaną wraz z paskiem przewijania forum.

Dodawałem to https://webboard.pl/thread-42678.html

Jednakże efekt był taki, że ramka stała "sztywno" w headerze.

Niestety nie jest


Nie wiem co Ty robisz z tym kodem.

No ja mam wgrane.

   

A w dobry Styl wklejasz?

---

KOD jest dobry bo działa
http://jsfiddle.net/SLAVOO/ZM2rJ/

@Topic, dodaj jeszcze:

#registerdiv:hover {
opacity: 1;
} 


To będzie lepszy efekt. Albo tam dodaj do style gdzie chcesz.

Jak zrobisz tak jak napiszę to na 100% wyskoczy Ci to okienko, WYSKOCZY TYLKO NIE ZALOGOWANYM, więc nie dziw się, że go nie będzie jak będziesz na koncie swoim...

1. Wejdź w ACP -> Style i Szablony -> Szablony -> Twój_Szablon (KTÓREGO TERAZ UŻYWASZ) -> Nagłówek -> header_welcomeblock_guest i zamień go na ten:

<script type="text/javascript">
<!--
    lang.username = "{$lang->login_username}";
    lang.password = "{$lang->login_password}";
    lang.login = "{$lang->login}";
    lang.lost_password = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
    lang.register_url = " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
    lang.remember_me = "{$lang->remember_me}";
// -->
</script>

        <div id="navigacja1">
            <a href="#loginbox"  name="modal" ><img src="images/mybbng/kluczyk.png" /> Logowanie »</a>
            <a href="{$mybb->settings['bburl']}/member.php?action=register"><img src="images/mybbng/klodka.png" /> Rejestracja</a>
        </div>


    <div id="registerdiv">
        <span class="smalltext">Witaj gościu! Nie jesteś zalogowany na forum, więc możesz nie mieć dostępu do niektórych z jego funkcji! Aby rozwiązać ten problem
            <a href="http://www.omg-shot.pl/member.php?action=login" style="color: #fff; text-decoration: underline;">zaloguj się</a> lub
            <a href="http://www.omg-shot.pl/member.php?action=register" style="color: #fff; text-decoration: underline;">zarejestruj nowe konto</a>.<br>Pamiętaj, że konto należy aktywować przez e-mail!</span>
    </div>

2. Dobra, szablony już mamy to teraz go wystylizujemy. Wejdź w ACP -> Style i Szablony -> Twój_Styl -> global.css -> Tryb zaawansowany -> Na samym dole wklej to:

#registerdiv {
position: fixed;
bottom: 10px;
line-height: 16px;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: auto;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
font-weight: normal;
}

#registerdiv:hover {
opactiy: 1;
}

3. Gdy zrobisz te dwa kroki POPRAWNIE, to na 100% pojawi się okienko (nie wiem czego tutaj można nie zrozumieć ._.).

Pomoc była już wcześniej udzielona.
Ja już pisałem, że mój global.css jest za długi i ucina kod (mieszczą się około 4 wiersze), więc Twój sposób by nie pomógł.

Trochę dziwne z tym global.css
Czy faktycznie jest ograniczona ilość miejsca? Może ktoś wie przy okazji.