Przesunięcie nagłówka i panelu.

wersja skryptu MyBB: 1.8


Chciałbym przesunąć logo w dół do poziomu przycisków po prawej stronie próbowałem http://www.w3schools.com/css/css_margin.asp , nie pomogło. Dodatkowo panel logowania chcę przesunąć w lewo.
Pozdrawiam!

Podaj link do forum

http://193.17.184.51/~goldenha/index.php
Domena z ovh dalej nie działa, a 24h dns zaktualizowałem...

ACP -> Style i szablony -> Twój styl -> carbon.css -> Edycja zaawansowana

1. Znajdź (~linia 8)

.welcomeblock-wrapper {
width:90%;
margin:0 auto;
min-width:980px;
max-width:1300px
}

I usuń margin:0 auto;

2. Dodaj gdzieś w carbon.css:

.logo {
    padding-top: 28px;
}

gdzie 28 podajesz wielkość odsunięcia od rodzica (od góry). Popróbuj kilka wartości i sam wybierz te, która Ci pasuje najbardziej.

Dałoby się panel logowania przesunąć bardziej w lewo a wyszukiwania w prawo? Bo gdy usunę "margin:0 auto;" to cały górny panel przesuwa się w lewo.

Zrób to co napisałem wyżej, a następnie w ACP -> Style i szablony -> Szablony -> Twój styl -> Nagłówek -> header_quicksearch
Znajdź:

<span style="float: right;margin-top: 5px;margin-right: 30px;">

i zamień na to:

<span style="float: right;margin-top: 5px;margin-right: -125px;">

Zrobiłem i niestety pasek logowania ma zbyt mały margines po lewej, da się to przesunąć do miejsca gdzie jest logo?

W szablonie nagłowek -> header_welcomeblock_guest
Znajdź:

<ul>
                           <li><a href="http://193.17.184.51/~goldenha/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login"><img src="http://193.17.184.51/~goldenha/images/carbon/log.png" alt="login">  Logowanie</a>
                           </li>
                           <li><a href="http://193.17.184.51/~goldenha/member.php?action=register" class="register"><img src="http://193.17.184.51/~goldenha/images/carbon/reg.png" alt="register">  Rejestracja</a>
                           </li>
                 </ul>

i zamień na

<ul style="margin-left: 50px;">
                           <li><a href="http://193.17.184.51/~goldenha/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login"><img src="http://193.17.184.51/~goldenha/images/carbon/log.png" alt="login">  Logowanie</a>
                           </li>
                           <li><a href="http://193.17.184.51/~goldenha/member.php?action=register" class="register"><img src="http://193.17.184.51/~goldenha/images/carbon/reg.png" alt="register">  Rejestracja</a>
                           </li>
                 </ul>

Poprosiłem kolegę żeby wbił na laptopie i wnioskuję że musi to tak zostać, ponieważ komuś kto ma rozdziałkę 1366x768 może się to krzaczyć. Będą ludzie w przyszłości narzekać to rozwiążę ten problem. Dzięki za pomoc, reputy poszły.
Pozdrawiam!