wersja skryptu MyBB: 1.6.9
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): potrzebuję kod na podwieszenie górnego paska podobnie jak tutaj:
http://mgtac.eu/mforum/. Chodzi o to, żeby był widoczny z przewijaniem strony.
Poczytaj o CSS i position: fixed;
Tyle to też wiem, zastosowanie sprawia mi problem.
Mam taki pasek
![[Obrazek: 12613328396537280255.png]](http://iv.pl/images/12613328396537280255.png)
który jest u samej góry.
Kod paska w headerze:
Kod:
<div id="headerwrap">
<div class="topwrap">
<div id="menu"><ul>
<li><a href="{$mybb->settings['bburl']}">Portal</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">FAQ</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">Użytkownicy</a></li>
<li><a href="{$mybb->settings['bburl']}/game.php">Game Hud</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Forum - linki</a>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">| Dzisiejsze Posty</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew">| Nowe Posty</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=finduserthreads&uid=0">| Moje Tematy</a></li>
<li><a href="search.php?action=finduser&uid=0">| Moje Posty</a><!-- UNREADPOSTS_LINK --></li>
</ul></li>
{$welcomeblock}
</ul></div></div>
Css:
Kod:
#headerwrap {
color: #777777;
background: #000 url(images/profiterol/introbg.jpg);
padding: 0px;
height: 200px;
margin :auto auto;
margin-top: -15px;
border-bottom: 4px solid #333;
}
.topwrap {
color: #777777;
background: #000 url(images/profiterol/titlebg.jpg);
padding: 0px;
height: 25px;
border-bottom: 2 px solid #333;
font-family: 'Tahoma', sans-serif;
margin :auto auto;
margin-top: -5px;
padding: 20px;
vertical-align: middle;
}
Próbowałem wrzucać do powyższych
Kod:
position:fixed; top:auto;
i albo rozrywało na pół pasek i tylko kawałek działał jak należy albo rozwalało mi to cały header.
Może spróbuj dodać position: fixed do diva inline.
(03.04.2013, 20:01)SLAVOO napisał(a): [ -> ]Może spróbuj dodać position: fixed do diva inline.
Bingo!
.
Teraz kod wygląda tak:
Kod:
#menu {
background: #000 url(images/profiterol/titlebg.jpg);
position: fixed;
float: left;
font-size: 13px;
width: 100%;
text-align:left;
font-family: 'Tahoma', sans-serif;
font-weight: normal;
}
I potrzebuję w tym tle zrobić jakieś 60% przeźroczystości. Nakierujcie mnie
.
No dosyć trudno. Dziękuję za pomoc.