Witam.
Chciałbym zmienić szerokość navbar tak aby był wyrównany do ramki bodajże wrap. Nie wiem jak to dobrze opisać dlatego zrobiłem zdjęcie przed i po jak ma to wyglądać. Proszę o pomoc. Zdjęcie:
http://s6.ifotos.pl/img/prosilver_nhppqrr.jpg
Zmiana szerokości navbar
Re: Zmiana szerokości navbar
Najprościej będzie przez ujemny margines. W pliku common.css znajdź (lub podobny fragment):
Zamień na:
Wartość dobierz eksperymentalnie - będzie to trochę mniej niż 30px.
By pozbyć się zaokrągleń, znajdź w pliku overall_header.html:
Zamień na:
Dalej szukaj:
Zamień na:
Na koniec odśwież komponenty stylu.
Kod: Zaznacz cały
.navbar {
background-color: #ebebeb;
padding: 0 10px;
}
Kod: Zaznacz cały
.navbar {
background-color: #ebebeb;
margin: 0 -30px;
padding: 0 10px;
}
By pozbyć się zaokrągleń, znajdź w pliku overall_header.html:
Kod: Zaznacz cały
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
Kod: Zaznacz cały
<div class="navbar">
Kod: Zaznacz cały
<ul class="linklist rightside">
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Kod: Zaznacz cały
<ul class="linklist rightside">
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>
</div>
Re: Zmiana szerokości navbar
O udało się, wielkie dzięki zaokrąglenia sam usunąłem ale mi chodziło właśnie o tego div z navbarem. Pierwszy raz robię szablon na divach dlatego tak się pogubiłem.