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

Dołączyła: 28 Lut 2015
Posty: 0
Miasto: Kraków

  Wysłany:    [Prosty] Jak dopasować szerokość bloga do tabletów i komórek

Cześć!

Jest to mój pierwszy post tutaj - zazwyczaj siedzę nad jakimś problemem w kodzie tak długo, aż go nie rozwiążę sama, jednak w tym przypadku po prostu się poddaję.

Zmierzam do tego, aby blog był jednokolumnowy, bardzo prosty (przerabiam szablon "Prosty"), z równymi marginesami po obu stronach. Cała szerokość treści, zdjęć, stopki itd. powinna mieścić się w 960 px (co oczywiście ustawiłam w projektancie szablonów). Problem pojawił się, kiedy na moim ekranie wszystko już wydawało się być ładne i równe. Po otwarciu bloga na tablecie i telefonie cały lewy margines został obcięty.

Słyszałam o media queerach i o kwestiach dopasowywania strony do rozdzielczości ekranu, jednak wydaje mi się, że nie w tym rzecz - strona i tak powinna być wyśrodkowana z marginesami, nawet jeśli niedopasowana. A może to jednak tutaj jest problem?

Dodam, że z html'a i cssa jestem "zielona", wiem tyle, ile uda mi się przeczytać i zmodyfikować metodą prób i błędów. Szukałam rozwiązania we wszystkich znanych mi miejscach w kodzie, odpowiadających za marginesy, padding i inne odstępy (i w internecie).

Załączam link do bloga (na którym jest też screen z tableta).

http://zdjecia-oli.blogspot.com/

I bardzo, bardzo proszę o pomoc bo jestem bliska rzucenia tym, i zaczęcia wszystkiego od początku.

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: 2015-03-03, 15:38   responsywny szablon Simple - Blogger

Szablon ma ustawioną minimalną i maksymalną szerokość (taka sama wartość, zdefiniowana w Dostosuj)dla elementów:

Kod

body

oraz

Kod

.content-outer, .content-fauxcolumn-outer, .region-inner
więc nie dopasowuje do mniejszych rozdzielczości.
By zmienić ten stan stosuje się @media queries.
______________________________________________________
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:
aleksandra 
Blogger.Klub

Dołączyła: 28 Lut 2015
Posty: 0
Miasto: Kraków

Wysłany: 2015-03-03, 20:45   

Łał, dziękuję za odpowiedź!

Czyli jednak jeszcze trochę pracy mnie czeka. Tak czy siak, dobrze wiedzieć gdzie szukać rozwiązania i że ono w ogóle istnieje. Dzięki raz jeszcze :)
 
  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