Szukam Pływająca belka na górze strony

wersja skryptu MyBB:1.6.12
adres forum:http://the-ball.cba.pl/forum/
na czym polega problem:

Cześć, chciałbym się spytać czy pomógłby ktoś przy stworzeniu takiej belki u góry jak jest na tej stronie: http://haxball-manager.pl/
Chciałbym też to zrobić właśnie tak, że jak zjadę to belka też zjeżdża tak jak właśnie na tym forum.

Pozdrawiam.

Matslom napisał 25.02.2014, 15:11:
Przenoszę i poprawiam tytuł

1. Otwierasz ACP → Szablony (z lewej) → [twój styl] → Nagłówek → header, a następnie dodajesz na samej górze taki kod:

<div id="belka">
<div id="tresc_belka">
<!-- TUTAJ TREŚĆ -->
</div>
</div> 


2. Do global.css dodajesz taki kod:

#belka {
position: fixed;
width: 100%;
top: 0;
background: #3C312B;
box-shadow: 0px 1px 5px black;
font-size: 15px;
height: 46px;
text-align: left;
line-height: 46px;
text-shadow: 1px 1px 0px black;
}

#tresc_belka {
color: #fff;
font-size: 15px;
text-shadow: 1px 1px 0px black;
padding: 0px 20px;
height: 50px;
width: 100%;
margin-left: -50px;
vertical-align: middle;
} 


Nie wiem czy to będzie wyglądać dobrze ale robisz to na taki wzór.

Nie działa :/ Żadna belka się nie stworzyła, tylko sam tekst widac a jak zjeżdżam w dół to i tak tekst w dól też nie idzie.

Nie działa bo nie dodałeś wartości do global.css. To jak ma działać?

Nie czaję. Wchodzę w acp->style i szablony->style->mój styl->global.css i w liście z rubryki selektor widzę #belka oraz #tresc_belka. I jest tam to co wyżej podawałeś. W trybie zaawansowanym też to widzę.

Wartości dodajesz tylko w trybie zaawansowanym. Z tego co widzę wszystko jest okej... Dodatkowo żeby tekst był dobrze wyrównany z #tresc_belka usuń:

margin-left: -50px; 


Często jest tak, że komputer zapamiętuje stronę jaka była przez jakiś czas, wyczyść cache przeglądarki, dane etc.

Wyczyszczenie danych przeglądarki dało radę. Nie wiem natomiast czy usunięcie margin-left: -50px; coś dało ale i tak pomoc od Cb wielka Dzięki wam!

Nie wiem natomiast czy usunięcie margin-left: -50px; coś dało

Dało dało, jest lepiej

Dodatkowo jak chcesz aby pasek nie zasłaniał ci logo w global.css do #logo dopisz:

    padding: 10px;
    margin-top: 45px;