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.
1. Otwierasz ACP → Szablony (z lewej) → [twój styl] → Nagłówek →
header, a następnie dodajesz
na samej górze taki kod:
Kod PHP:
<div id="belka">
<div id="tresc_belka">
<!-- TUTAJ TREŚĆ -->
</div>
</div>
Do
global.css dodajesz taki kod:
Kod PHP:
#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ń:
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!
(24.02.2014, 17:21)bayon napisał(a): [ -> ]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:
Kod PHP:
padding: 10px;
margin-top: 45px;