Witam.
Wersja skryptu MyBB: 1.8.7
Adres forum: http://prokillers.pl/
Na czym polega problem?
Postanowiłem sobie umieścić w konkretnym miejscu pewien tracker. Niestety nie mogę go ładnie wyśrodkować. Domyślnie jest po lewej, a po wstawieniu zwykłego "center" inne napisy się rozsuwają (góra; dół). Mój styl to Darkgame v1.
1. http://i.imgur.com/xfjqv5D.png
2. http://i.imgur.com/GVhlUj5.png
Szablon: Nav
Fragment kodu:
Kod:
<div class="navigation">
{$nav}{$activesep}{$activebit}
<a target="_blank" href="http://psr-samp.pl/"><img border="0" src="http://samp.ae-webmedia.de/signature/signature.php?bg=000000&text=FFFFFF&border=a0a0a0&ip=80.72.36.205&port=3556&bg_image=i.imgur.com/I1PWJoD.jpg"></a>
<div style="float:right;"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowa Zawartość</a></div>
</div>
Edit: To mój pierwszy post tutaj. Jak zły dział / prefix itp., to bardzo przepraszam
Obrazek jest domyślnie traktowany jako tekst, więc musisz dodać text-align do rodzica (w tym przypadku id navigation).
Gdzie mam dodać to "text-align"? XDD Jestem totalną kaleką jeśli chodzi o myBB ;__;
p.s. Kolega mi poradził, abym gdzieś dodał style=" display: block; margin: 0 auto; ale także nie wiem gdzie.
Muszę poprosić o gotowca, to krótki kod c:
W global.CSS do #navigation
Wchodzisz kolejno w: ACP → Style i Szablony → Style → Twój Styl → global.css → Edytuj CSS: tryb zaawansowany → Wyszukaj tam
.navigation
Zamień to:
Kod:
.navigation {
background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
padding: 12px;
border-bottom: 2px solid #003857;
}
Na to:
Kod:
.navigation {
background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
padding: 12px;
border-bottom: 2px solid #003857;
text-align: center;
}
Zrobiłem tak, jak mi wyżej napisano.
[
attachment=10548]
Niestety nie mogę sprawdzić efektu, bo zmiany dokonałem na telefonie, ale podejrzewam, że jest gorzej.
p.s. Po dodaniu tego parametru do nav miałem z powrotem wstawić tagi center do obrazka? Zrobiłem tak i nie wiem teraz...
Nie, center wywal całkiem. Mamy html5 i już się go nie używa.
Do edytowania używaj zaawansowanego edytora.
@up, no dobra usunąłem "center" ale co to ma do rodzaju edytora, skoro można go wybrać tylko w przypadku edycji css, a to już zrobiłem:
[
attachment=10549]
Edit: Wbiłem na lapka, dodanie center do global.css spowodowało automatyczne wyśrodkowanie napisu "professional killers", a przecież nie o to chodziło :p
Poeksperymentowałem trochę.
Do global.css dodałem
Kod:
.navigation {
background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
padding: 12px;
border-bottom: 2px solid #003857;
text-align: center;
text-align: normal;
vertical-align: middle;
Szablon pozostawiłem bez "<center>"
Kod:
<div class="navigation">
{$nav}{$activesep}{$activebit}
<a target="_blank" href="http://psr-samp.pl/"><img border="0" src="http://samp.ae-webmedia.de/signature/signature.php?bg=000000&text=FFFFFF&border=a0a0a0&ip=80.72.36.205&port=3556&bg_image=i.imgur.com/I1PWJoD.jpg"></a>
<div style="float:right;"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowa Zawartość</a></div>
</div>
Niestety efekt nadal nie jest taki, jaki miał być. Napis także się wyśrodkował...
[
attachment=10550]
Pomyślałem, że po dodaniu do global.css:
text-align: left; i wyrównania samego napisu "professional killers" do lewej ("<left>") stanie się to, na co oczekuję, a niestety napis idzie razem do lewej razem z trackerem. Dodałem więc wtedy center do trackera i co się stało? To co na początku:
Napisy z dwóch stron się rozcapierzyły góra-dół...
:c
Bo gdy dajesz element blokowy to musisz mu nadać albo float, albo wyświetlanie liniowe (inline, inline-block itp.). Nie używaj czegoś takiego jak center lub left. Używa się html5 i tego po prostu nie ma tutaj. Znika to z sieci.
Nieważne.
Kolega mi doradził, abym w "Nat_bit_active" ustawił <span class="active" style="float: left;">{$navbit['name']}</span>
Tak też zrobiłem, pomogło.
Wątek do zamknięcia. (Lecą reputki za chęci)