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

Dołączyła: 03 Sie 2017
Posty: 1
Miasto: Polska

  Wysłany:    [Szablon Girl Lifestyle] Jak zmienić wielkość zdjęć w postac

Cześć! Mam pewien problem. Po załadowaniu szablonu wszystkie zdjęcia dostosowały swoją wielkość do jednego rozmiaru, w tym także te, które chciałam aby były małe. Jak zmienić tę opcję? Zależy mi, aby te zdjęcia, które były małe, takowe zostały, a te które dałam "oryginalny rozmiar" dostosowały się do wymiaru postu bloga.
Tutaj to widać najlepiej:

Kod

https://malinowabeauty.blogspot.com/2017/07/wakacyjny-paznokciowy-projekt.html

baner do Wakacyjnego Paznokciowego Projektu w poprzednim szablonie był mały, a teraz dostosowany do szerokości posta.
 
  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-08-04, 01:53   Re: szablon blonparia GirlLifestyle zniekształcone miniatury

Hej, problem już chyba rozwiązałaś częściowo?
Mamy na forum wątki o ustawianiu rozmiaru zdjęć. W tym przypadku autorka - blonparia - z jakiegoś powodu postanowiła ustawić ten sam CSS dla miniatur w kafelkach na stronie głównej oraz zdjęciach w postach. Szablon Girl Lifestyle ma oryginalnie taki zapis:

Kod

.post-body img {
display:block;
width:100%!important;
height:auto!important;
}
czyli wszystkie obrazki mają mieć szerokość 100%, w dodatku ta deklaracja została wymuszona na wszystkim za pomocą !important.

Po zmianach, które naniosłaś, czyli ustawieniu max-width dla .post-body img zdjęcia w postach się naprawiły, ale na stronie głównej kafelek został zmniejszony i po jego prawej stronie pojawił się wstęp. Nie wygląda zbyt estetycznie. Można się pobawić z marginesami i to lepiej ułożyć albo przywrócić pierwotną formę - czyli: tytuł, pod nim miniatura, poniżej wstęp i na końcu czytaj dalej. Jak? Odszukaj w kodzie generującym kafelki taki fragment:

Kod

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
Należy go nieco zmodyfikować. Pozbędziemy się opływania oraz niepotrzebnych deklaracji rozmiaru i marginesów. Po tych zabiegach kod powinien wyglądać następująco:
Wiadomość (widoczna dla zarejestrowanych)


Zapisujemy zmiany i gotowe.
______________________________________________________
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:
MALINOWAbeauty 
Blogger.Klub

Dołączyła: 03 Sie 2017
Posty: 1
Miasto: Polska

  Wysłany: 2017-11-21, 08:19   Ustawienie wielkosci zdjec w poscie

Czesc! Na blogu

Kod

asiulcowa.pl
mam ustawione zdjecie + tekst i czytaj dalej. Zdjecie to jest male i srednio to wyglada. Chcialabym aby bylo na szerokosc posta, ale gdy ustawiam to kodem, ktory otrzymalam tutaj caly post sie ukazuje i dopiero gdzies przy koncu jest czytaj dalej. Jak to ustawic, aby bylo dobrze?
 
  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-11-21, 09:14   

Scaliłem wątki, bo nie widzę powodu, dla którego mielibyśmy rozpoczynać kolejny, dotyczący tego samego problemu - szablonu (od blonparia) ;)

Rozwalony kafelek sugeruje, że coś poszło nie tak przy zmianach. Widocznie skasowałaś o jakiś element / znak za dużo lub za mało i javascript przestał działać całkiem (a wtedy wczytuje się cały dostępny w poście tekst).
______________________________________________________
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:
MALINOWAbeauty 
Blogger.Klub

Dołączyła: 03 Sie 2017
Posty: 1
Miasto: Polska

Wysłany: 2017-11-21, 09:36   

A czy moge to jakos naprawic? Albo przeslac kod do sprawdzenia?

[ Dodano: 2017-11-21, 09:56 ]
Wszystko było robione tak jak wczesniej. Czy moge prosic o jakis kod, aby zdjecie przed czytaj dalej bylo dopasowane do szerokosci posta?

[ Dodano: 2017-11-21, 10:09 ]
Wszystko było robione tak jak wczesniej. Czy moge prosic o jakis kod, aby zdjecie przed czytaj dalej bylo dopasowane do szerokosci posta?
 
  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-11-21, 10:15   

MALINOWAbeauty napisał/a:

A czy moge to jakos naprawic? Albo przeslac kod do sprawdzenia?
Wprowadź modyfikacje opisane powyżej i zapisz zmiany, tak żeby było widać efekty na blogu. Wtedy można powiedzieć co robisz nie tak albo co jeszcze trzeba poprawić. W chwili obecnej nadal masz stary kod.

Jeżeli nie pasuje Ci taka forma darmowej pomocy, to zawsze możesz skorzystać prywatnie. Problem zostanie rozwiązany za Ciebie ;-)
______________________________________________________
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:
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-11-21, 16:54   

Ok, widzę, że po prawidłowym naniesieniu zmian, obrazki pojawiają się normalnie, na całą szerokość ;)

Grafika zamknięta jest wewnątrz elementu z klasą posts-thumb, więc możemy nadać styl, który odsunie ją od tekstu poniżej:

Kod

.posts-thumb img {margin-bottom: 10px;}
______________________________________________________
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