Strona 1 z 1
we_universal - wyśrodkowanie przycisków funkcji.
: 23 września 2012, 17:48
autor: Geronimo
Witam Was ponownie
Od pewnego czasu próbowałem przerobić stopkę w stylu we_clearblue, co doprowadziło mnie do szewskiej pasji..
Patrzę sobie ostatnio, a tutaj w stylu we_universal taka stopka, jaką chciałem mieć
Zamienię styl, mówię ..
Ale nie pasuje mi jedna rzecz.
Przyciski funkcji ([FAQ] [SZUKAJ] [ZESPÓŁ ADMINISTRACYJNY];etc.)..
Chciałbym, aby umieszczone były na środku względem krawędzi logo.
W tej chwili jedne przyciski są "do prawej" a drugie "do lewej"..
Czy da się to zrobić tak, aby były wszystkie w środku ?
Zdaję sobie sprawę z tego, że zwykły user ma tych przycisków mniej ze względu na brak pewnych funkcji. Czy to nie będzie kolidowało ?
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 25 września 2012, 18:28
autor: Geronimo
EDIT (Nie wiem dlaczego nie ma opcji edit):
Co bym nie zrobił, to przenosi mi wszystkie przyciski do lewej lub na górę, przy czym po przeniesieniu na górę też do lewej..
Wszelkie zmiany, jakich dokonuję, zachodzą w pliku common.css..
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 25 września 2012, 18:42
autor: Aviator
Geronimo pisze:
Co bym nie zrobił,
Podziel się tym co robisz.
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 25 września 2012, 18:59
autor: Geronimo
Ponieważ nie znam się na kodowaniu, próbuję metodą "prób i błędów", korzystając z innych, gotowych kawałków kodu, zawartych w stylu.
Chodzi o to:
Kod: Zaznacz cały
#dashboard ul {
list-style: none;
}
#dashboard #navigation-top {
float: right;
}
#dashboard #navigation-bottom {
bottom: 0;
position: absolute;
}
Jeżeli w sekcji #navigation bottom zmienię jakąkolwiek wartość, to wyrzuca mi pasek na górę.
W sekcji #navigation top po zmianie przenosi mi na lewo.
Da się zmieniać na left, right, ale center nie daje rady. Zawsze wywala na lewo.
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 26 września 2012, 13:24
autor: jaroslw
Dolna nawigacja pozycjonowana jest absolutnie, dlatego inne metody pozycjonowania nie będą działały. Możesz spróbować usunąć:
Kod: Zaznacz cały
#dashboard #navigation-bottom {
bottom: 0;
position: absolute;
}
i próbować dalej walczyć samemu lub rozrysować jak dokładnie miałoby to wyglądać - w którym miejscu ma być te menu.
Łatwiej byłoby przerobić stopkę we_clearblue niż tą nawigację. Jej zawartość wrzucona jest w blok
<div style="float: left;">. Wystarczyłoby się go pozbyć (pamiętaj o znaczniku zamykającym) i dla
#footer dodać
text-align: center;.
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 27 września 2012, 10:26
autor: Geronimo
Po usunięciu powyższej części kodu nawigacja dolna przechodzi na górę, po lewej stronie.
Styl we_universal przypadł mi do gustu bardziej niż we_clearblue.
Czy dało by się zrobić menu nawigacji (górnej i dolnej) jako jedno menu nawigacji ?
Jeden pasek, w dolnej części logo forum?
Nie wiem, czy warto próbować mieszać w to kawałki kodu z we_clearblue.
Będę próbował.
Póki co, dziękuję Wam za pomoc.
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 27 września 2012, 12:06
autor: jaroslw
Zrobimy trochę inaczej
Przywróć ten poprzedni kod. Teraz otwórz overall_header.html i usuń:
Kod: Zaznacz cały
<ul id="navigation-top">
<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li> <!-- ENDIF -->
<!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li><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><a href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>
Znajdź:
Dodaj po:
Kod: Zaznacz cały
<li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH}</a></li> <!-- ENDIF -->
<!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li><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><a href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
Jedna uwaga, w takiej formie wszystkie odnośniki mogą nie zmieścić się w jednej linii.
Re: we_universal - wyśrodkowanie przycisków funkcji.
: 27 września 2012, 18:45
autor: Geronimo
Tego właśnie było mi potrzeba!
Po zalogowaniu na konto administratora (bo wtedy chyba jest najwięcej odnośników) wszystkie odnośniki się mieszczą.
Jedyne problemy odnotowałem przy użyciu przeglądarki Internet Explorer 6. Lecz to nic takiego. Ja tam ciągle odnotowuję problemy
Temat można zamknąć. Idę grzebać i zmieniać dalej. Jak czegoś nie będę wiedział, to wiadomo - będę pytał na forum.