Webboard

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)

Kod:
.welcomeblock-wrapper {

width:90%;

margin:0 auto;

min-width:980px;

max-width:1300px

}

I usuń margin:0 auto;

2. Dodaj gdzieś w carbon.css:

Kod:
.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ź:

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

i zamień na to:

Kod:
<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ź:

Kod:
<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

Kod:
<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!

Crudus

Ardex

Crudus

Ardex

Crudus

Ardex

Crudus

Ardex

Crudus