Webboard

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.
[Obrazek: i562.png]

CSS:

Kod PHP:
#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:

Kod PHP:
<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

Kod PHP:
<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}

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

Do global.css dodaj:

Kod PHP:
#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

Kod:
<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

Kod:
.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;

}

MixTape

Snake_

MixTape

newja

Pazi

MixTape

c0nst