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ść
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 28
Dołączył/a: 26 Lut 2016
Posty: 61
Miasto: Bytom

Wysłany:    [blogger] Ruchome menu zasłania nagłówek odsyłacza w poście

U siebie na stronie zdarza mi się posługiwać zakładkami HTML. W sensie, że jakiś element ma ID, i w innym miejscu strony linkuję do niego poprzez href="#ID".
Mam menu z position:fixed, i gdy klikam w któryś z ww. linków, to niestety menu zasłania ich początek. Tak jakby pozycjonowanie występowało od samej góry pola przeglądarki, a nie od menu.
Ciężko to opisać, najprościej zobaczyć. Głównie ten problem mam na statycznej podstronie Bazie kierowców.
Po kliknięciu w którekolwiek nazwisko ze spisu treści, menu główne zasłania flagę i część pierwszej linii tekstu.
Nie powiem, trochę mnie to irytuje, stąd pytanie. Czy da się jakoś ustawić, aby pozycjonował dopiero od menu? Jeśli nie to może idzie ustawić na sztywno 50px jakiegoś marginesu/paddingu, bo tyle właśnie ma menu?

Z góry dziękuję za odpowiedź i pozdrawiam :)
 
  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: 2017-02-17, 22:24   

Rozmawialiśmy kiedyś o kotwicach / odsyłaczach. Możesz zajrzeć do wątku, w którym razem z Łukaszem pokazywaliśmy sposoby na płynne przewijanie do danego akapitu w treści wpisu.

Niedawno sam chwilę dumałem nad tym, że ruchome menu zasłania śródtytuły i nie wygląda to za dobrze, ale nie sprawdzałem czy jest jakieś rozwiązanie. Dzisiaj zajrzałem i z kilku, które znalazłem, wybrałem chyba najlepsze:
Wiadomość (widoczna dla zarejestrowanych)


Tworzymy sztuczną przestrzeń nad każdym nagłówkiem h3 wewnątrz DIVa .post-body. Dzięki temu menu zatrzymuje się wyżej, bo standardowo odsyłacze pilnują jedynie okna przeglądarki, nie uwzględniając czy coś przypięliśmy do jego krawędzi. Fragment .post-body h3 można zastąpić dowolnym znacznikiem / rodzajem nagłówka, z którego korzystamy lub pominąć. Podobnie w przypadku wysokości menu, trzeba podać jego wartość w wierszach height oraz margin.
______________________________________________________
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:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 28
Dołączył/a: 26 Lut 2016
Posty: 61
Miasto: Bytom

Wysłany: 2017-02-18, 01:05   

Dziękuję! Jak najbardziej pomogło we wspomnianej przeze mnie stronie. Jedynie nie umiem okiełznać tego dla tytułu wpisu po kliknięciu na głównej w przycisk czytaj dalej. Wtedy ładuje się strona z kotwicą #czytaj.
Dodałem do wspomnianego kodu:
.post-body h3:target:before, .post-head h1:target:before
i nawet dopisałem do każdego elementu !important, ale i tak tutaj ta metoda nie chce zadziałać. :/
 
  podziel si� tym postem na:
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: 2017-02-18, 11:02   

Nie działa, bo dla elementu nadrzędnego, czyli klasy tytułu wpisu (.item .post-title, .static_page .post-title) masz ustawiony display: inline-block.
______________________________________________________
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:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 28
Dołączył/a: 26 Lut 2016
Posty: 61
Miasto: Bytom

Wysłany: 2017-02-18, 13:05   

To po ptokach w takim razie.
Dzięki jeszcze raz za pomoc, ważne, że w bazie działa :)
 
  podziel si� tym postem na:
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: 2017-02-18, 13:44   

Cytat

To po ptokach w takim razie.
zmień to i będzie działać ;) Po prostu nadrzędny element blokuje podrzędny przez swoje ustawienia w css.
______________________________________________________
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:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 28
Dołączył/a: 26 Lut 2016
Posty: 61
Miasto: Bytom

Wysłany: 2017-02-18, 13:48   

Po zmianie inline-block na zwykły block tytuł nakładał się na datę posta. Ale działało przynajmniej. Muszę poszukać co jest nie tak, że się nakładają po zmianie tego displaya.
 
  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