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

Dołączyła: 26 Maj 2016
Posty: 0

  Wysłany:    [blogger, szablon] wyświetlanie postów w dwóch kolumnach

Witam. Zaczynam prowadzić bloga i nie wygląda on jeszcze tak, jak bym chciała.

Informacji szukałam, ale przez to, że nie umiem krótko nazwać efektu, który chcę otrzymać, niczego się nie dowiedziałam ;P

Mam bloga na bloggerze. Posty wyświetlają mi się tak, jak zazwyczaj na blogach, czyli od góry do dołu.

Jak zrobić, żeby posty wyświetlały się tak, jak na przykład na tych blogach?

Kod

michalpasterski.pl
macademiangirl.com


Mam nadzieję, że wrzucone linki to nie problem dla moderatorów ;)

Proszę o pomoc i z góy dziękuję za jakąkolwiek pomoc. Jeśi temat był już wcześniej, proszę o linki.

Pozdrawiam

NelaLM
 
  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: 2016-05-26, 11:39   Re:[blogspot] Jak ustawić wpisy na głównej w dwóch kolumnach

Mniej lub bardziej atrakcyjny wizualnie efekt osiągniesz za pomocą CSS.
Poczytaj o:
- display (np. flex - flexbox albo inline-block)
- float (left / right / clear)
- margin (marginesy zewnętrzne)
- padding (marginesy wewnętrzne)

Jak nie masz ochoty albo czasu na naukę, to polecam najszybszy i najtańszy sposób: pobranie jednego z gotowych szablonów, który ma już taki układ :)
______________________________________________________
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:
NelaLM 
Blogger.Klub

Dołączyła: 26 Maj 2016
Posty: 0

Wysłany: 2016-05-26, 22:01   

Użyłam float left. Poustawiałam sobie wszystkie szerokości i marginesy, żeby ładnie równo mi się wyświetlało w siatce powiedzmy. Wyświetlało mi się w dwóch kolumnach i tak chciałam.

Niestety nie pomyślałam o tym, że po kliknięciu w post, będzie on nadal miał szerokość połowy strony.

Co z tym zrobić? :oczami:
 
  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: 2016-05-26, 23:14   kod HTML lub styl CSS tylko na wybranych podstronach bloga

Sposobów jest kilka.

Możesz na przykład dodać data:blog.pageType do body jako klasę i uzależnić od niej style CSS.

ewentualnie wykorzystać tagi warunkowe by wyświetlać wybrany kod tylko na określonym typie podstron.
______________________________________________________
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:
NelaLM 
Blogger.Klub

Dołączyła: 26 Maj 2016
Posty: 0

Wysłany: 2016-05-27, 11:19   

Dodałam klasy, ale nie wiem skąd mam wziąć selektor.
Chiałabym selektor CSS do postu na stronie głównej. Normalnie jako selektor postu używam .date-outer

To teraz jak by to miało wyglądać?
 
  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: 2016-05-27, 12:33   kod CSS działający tylko na stronie posta

Zbadaj sobie element body na podstronach, to zobaczysz jakie klasy się tam teraz pojawiają. Dla strony wpisu będzie np. .item, więc jak jakiś styl ma tam działać, to zapis jest:

Kod

.item .date-outer {}
______________________________________________________
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:
NelaLM 
Blogger.Klub

Dołączyła: 26 Maj 2016
Posty: 0

Wysłany: 2016-05-27, 14:42   

O, super. teraz już mi wszystko idzie :) Baaardzo dziękuję za pomoc :D :padam: :padam: :padam:
 
  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: 2016-05-28, 14:08   

Dodam jeszcze, że jak budujesz własną skórkę, to zadbaj o to by była na czasie i na każdej rozdzielczości elementy wyglądały dobrze. Pomogą Ci w tym ustawienia CSS - @media queries. Przeczytaj również wątek o "mobile friendly".
______________________________________________________
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