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: 22
Dołączył: 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 społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 22
Dołączył: 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: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 22
Dołączył: 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: 83
Imię: Arkadiusz (Arek)
Pomógł: 806 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8852
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

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ę dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
HitFan 
Blogger.Klub


Imię: Damian
Pomógł: 6 razy
Wiek: 22
Dołączył: 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-2018 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:
Dodaj na Google+:


Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz