Skocz do zawartości

Problem z miniaturą w szablonie


wengosz

Rekomendowane odpowiedzi

Wgrałem na bloggera nowy szablon, ale nie podoba mi się sposób, w jaki tworzone są miniatury z obrazków dodanych do posta. Chodzi o miniatury na stronie głównej bloga: https://szablontest123.blogspot.com/
 
Chciałbym, aby miniatura odzwierciadłała w całości obrazek, który jest widoczny w poście, ale w pomniejszeniu. Tutaj natomiast miniatury są przycinane, co nie wygląda zbyt estetycznie.
 
Probowałem stosować różne rozmiary obrazka w poście, ale i tak nie udało mi się osiągnąć tego, czego oczekuję. Wydaje mi się, że za sposób przycianania miniatury odpowiada linijka kodu:

.cutter{width:150px;height:110px;overflow:hidden;border:4px double #ccc;margin:0 10px 5px 0;float:left;padding:0px}

Cały kod szablonu: https://www.mastemplate.com/2013/02/johny-see-book-sekali.html

 

Bardzo proszę o pomoc.

 

 

Odnośnik do komentarza
Udostępnij na innych stronach

W szablonie masz javascript który z automatu dopasowuje thumba.

Zrób obrazek 150x110 w którym daj marginesy np po 10-20 pikseli i zobacz co się stanie.

 

Edit:

<div class='cutter'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=150;var a=true;var b="https://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
//]]>
</script>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
</div>

Powyższy kawałek kodu odpowiada za wyświetlanie thumba i automatyczne dopasowanie przez obcinanie.

Odnośnik do komentarza
Udostępnij na innych stronach

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=150;var a=true;var b="https://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
//]]>
</script>

Usuń ten kawałek kodu z powyższego i wtedy zobacz.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności