Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
fatymid 
Blogger.Klub
Medyk!


Pomógł: 6 razy
Wiek: 27
Dołączył/a: 12 Maj 2013
Posty: 149
Miasto: Polska

Wysłany:    [Szablon FastMag] Jak wyśrodkować górne menu?

Link do bloga: http://somatyczny.blogspot.com/

Próbowałem zmieniać gdzie się da position:center, ale nic to nie dało. Walczyłem z marginesami, ale to menu w ogóle nie zmienia swojego położenia.

Kod


Template Version: 2.0 //
// Template Name: FastMag
// Designer: Syed Faizan Ali //
// Company:Templateism


Kod


/*=====================================
= Responsive Menu
=====================================*/
nav#nav-mobile { position: relatitve; display: none; }
#nav-trigger { margin-left: 20px; float: right; display: none; text-align: center; }
#nav-trigger span { color: #EEE; line-height: 57px; } nav#nav-mobile { margin: 0px; }
nav#nav-mobile { display: none; } .children.expanded a { text-align:center;}
#nav-trigger span .fa { font-size: 18px; }
nav#nav-mobile { float: left; width: 100%; background: #fff; margin-top: -10px; }
#nav-trigger { background: #ff6c6d;float: right; width: 100%; margin: 0px; float: left; }

/*=====================================
= Menu
=====================================*/
.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
______________________________________________________
http://somatyczny.blogspot.com/
Blog popularnonaukowy
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2015-07-14, 11:59   Wyśrodkowane menu główne pod nagłówkiem bloga

Elementy w tym menu ustawione są w jednej linii za pomocą float left. Wyśrodkujemy je zmieniając to na display inline-block.

Zacznę jednak od obramowania.
główny boks nie ma z lewej strony ramki. Odszukaj .menu-secondary-container i zamień w nim border -bottom - right oraz -top na jeden wpis:
Wiadomość (widoczna dla zarejestrowanych)


Następnie mamy obramowanie lewe dla elementów menu. Tutaj drogi są dwie. Wybierz jedną z nich:
1) dopisujemy prawe obramowanie do ostatniego elementu menu

Kod

#main-menu li:last-child a {
border-right: 1px solid;
}
#main-menu ul li a {border: 0;}


lub 2) kasujemy lewe obramowanie z pierwszego elementu

Kod

#main-menu li:first-child a {
border-left: 0;
}


Zmieniamy sposób wyświetlania menu w jednej linii. Odszukaj:

Kod

.menus li{float:left;position:relative}
i zamień na:
Wiadomość (widoczna dla zarejestrowanych)


Teraz wyśrodkujemy elementy listy UL/LI i pozbędziemy się odstępu między nimi. Dopisz do CSS:
Wiadomość (widoczna dla zarejestrowanych)


Gdzie dokładnie dopisać? W kodzie szablonu, najlepiej w sekcji, której kawałek tutaj wkleiłeś, czyli pod:

Kod

/*=====================================
= Menu
=====================================*/


efekt końcowy z wyśrodkowanym menu głównym:



informacja dla pozostałych: Ta instrukcja zadziała na innych skórkach tylko jak dodane przeze mnie style dopasujesz do odpowiednich klas i identyfikatorów u siebie, bo te z szablonu FastMag nie są uniwersalne..
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz