Przesunięcie nagłówka i panelu.

Założony przez  Crudus.

wersja skryptu MyBB: 1.8

[Obrazek: WtSZdsP.png]
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!



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

1 gości