we_universal - wyśrodkowanie przycisków funkcji.

[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 ?

[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..

[Aviator]

Co bym nie zrobił,

Podziel się tym co robisz.

[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.

[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;.

[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.

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

Kod: Zaznacz cały

<ul id="navigation-bottom">

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.

[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.