Webboard

Pełna wersja: Latający pasek u góry "zaloguj lub zarejestruj"
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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 {
margin0px 0px 0px 0px;
padding-top5px;
padding-bottom5px;
border#CCCCCC solid 1px;
displayblock;
z-index9999;
background-color#333333;
text-alignright;
top0px;
opacity0.9;
filteralpha(opacity=90);
text-alignright;
width100%;
positionfixed;
}

.
pasek-wyglad {
backgroundgreen;
border-radius3px;
text-shadow1px 1px 1px black;
padding2px;
font-colorFFFFFF;


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;
    
border1px solid black;
    
padding5px;
    
background-colorblack;
    
width600px;
    
visibilityhidden;
    
z-index400;
    
colorwhite;
    
text-colorwhite;
    
opacity0.70;
    -
moz-opacity0.80;
    -
khtml-opacity0.80;
    
filteralpha(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;
}