Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Podwieszany z góry pasek

Założony przez  TerminatorPL.

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]
który jest u samej góry.

Kod paska w headerze:
<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&amp;uid=0">| Moje Tematy</a></li>
                <li><a href="search.php?action=finduser&amp;uid=0">| Moje Posty</a><!-- UNREADPOSTS_LINK --></li>                              
</ul></li>

                                {$welcomeblock}
    </ul></div></div>
Css:
#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
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.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
(03.04.2013, 20:01)SLAVOO napisał(a): Może spróbuj dodać position: fixed do diva inline.
Bingo! :).
Teraz kod wygląda tak:
#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 ;).
Czy tak trudno użyć Google?
http://blog.piotrnalepa.pl/2009/10/06/cs...yciem-css/
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
No dosyć trudno. Dziękuję za pomoc.



Użytkownicy przeglądający ten wątek:

2 gości