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

Dołączyła: 13 Lip 2014
Posty: 7

Wysłany:    [Szablon Blogstar] Jak zmienić rozmiar miniatur w kafelkach

Hej,
od wczoraj próbuję przystosować szablon Blogstar na swoim blogu. Już wszystko mam ogarnięte, ale nie umiem znaleźć znacznika odpowiedzialnego za skalowanie zdjęć na stronie głównej. Są wyskalowane do kwadratu i wykadrowane. Chciałabym, aby były w poziomie i szerokość została taka sama, ale wysokość gdzieś o połowę mniejsza. Walczę z tym, ale już mi ręce opadają...
Na razie się dowiedziałam, że trzeba pokombinować z src. Tzn. podobno musi być taki dla zdjęć na stronie głównej jak dla zdjęć w postach. Jak podmienia się je w 'zbadaj' to wyglądają tak jak chcę:



Adres bloga: stestuj-to.blogspot.com
 
  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: 8863
Miasto: Wrocław

Wysłany: 2017-05-24, 21:26   

sugarfreekitten napisał/a:

Na razie się dowiedziałam, że trzeba pokombinować z src. Tzn. podobno musi być taki dla zdjęć na stronie głównej jak dla zdjęć w postach.
hm? gdzie takie porady dają? Może chodzi o parametry? Generalnie można zdjęcia strony głównej kadrować niezależnie do tego jakie proporcje załączasz do postów. Do zmiany wymiarów służy parametr w adresie URL. Najpopularniejszy to /s1600/, który można podmienić na inne.

W przypadku szablonu Blogstar (themeexpose) jest to /s420-p/ dla miniaturek w kafelkach.

sugarfreekitten napisał/a:

Jak podmienia się je w 'zbadaj' to wyglądają tak jak chcę:
To samo narzędzie naprowadzi Cię na odpowiedni kod. Klikając na miniaturę dowiadujesz się, że siedzi ona wewnątrz:

Kod

<div class="post-media">
a po odszukaniu tego w kodzie szablonu trafisz na taki fragment:

Kod

<img src="' + thumburl[r].replace("/s72-c/", "/s210-p/") + '" alt="' + relatedTitles[r] + '">
ale on akurat dotyczy podobnych postów, zatem pozostałe elementy zostały zaszyfrowane w skrypcie. Taki już urok wersji demo.

Problem można rozwiązać na przynajmniej cztery sposoby:
1) kupić pełną licencję z odszyfrowanymi skryptami i dopiero zmodyfikować
2) zmodyfikować cały fragment odpowiedzialny za kafelki na bardziej nowoczesny
3) dodać skrypt z zapisem jQuery, które nadpisze pierwszą zmianę (czyli to co zrobiłaś):

Kod

$('.post.hentry img').each(function(){$(this).attr('src', $(this).attr('src').replace('/s420-p/', '/s420/'));});

4) Wczytywać oryginalny rozmiar pierwszego zdjęcia zamiast miniatury w rozmiarze 72px. Zamieniając to:
Wiadomość (widoczna dla zarejestrowanych)
na to:
Wiadomość (widoczna dla zarejestrowanych)

przy okazji można tutaj skorzystać z nowej opcji jaką jest resizeImage.
______________________________________________________
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:
sugarfreekitten 
Blogger.Klub

Dołączyła: 13 Lip 2014
Posty: 7

Wysłany: 2017-05-24, 22:01   

skorzystałam z opcji nr 4, działa bez zarzutu :)

podobny efekt osiągnęłam, kiedy znajomy kazał mi wrzucić prawie na końcu kodu coś takiego:

Kod

$('.post.hentry img').each(function(){$(this).attr('src', $(this).attr('src').replace('/s420-p/', '/s420/'));});


I to niby pomogło i zdjęcia były okej, ale wszystko się rozjeżdżało.

Widziałam Twoje pomocne posty już wcześniej, wiedziałam, że będą mogła na Ciebie liczyć. Dziękuję ogromnie!
 
  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