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 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ł: 809 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8864
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 lub dodać do obserwowanych na google+. :^^:
 
  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: 83
Imię: Arkadiusz (Arek)
Pomógł: 809 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8864
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 lub dodać do obserwowanych na google+. :^^:
 
  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: 83
Imię: Arkadiusz (Arek)
Pomógł: 809 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8864
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 lub dodać do obserwowanych na google+. :^^:
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz (Arek)
Pomógł: 809 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8864
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 lub dodać do obserwowanych na google+. :^^:
 
  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