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

Dołączyła: 23 Gru 2016
Posty: 0

Wysłany:    [Szablon Avocet] jak zmienić rozmiar zdjęć na str. głównej?

Cześć, jakiś czas temu pobrałam darmowy szablon z internetu, jednak nie znalazłam co pomogłoby mi zmienić wygląd tego jak wyglądają moje wpisy na stronie głównej. Obrazki, które wyświetlają się przed kliknięciem w konkretny wpis są rozciągnięte i nie wyglądają tak jak powinny..Jak mogę zmienić to? Chciałabym żeby posty na stronie głównej wyświetlały się w całości bez skrótu "read more"

Kod

nazywamsiemilena.blogspot.com
 
  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-12-23, 18:29   

Zmiana sposobu wyświetlania postów wiąże się z przerabianiem szablonu a takie modyfikacje wychodzą poza darmową pomoc. Odradzam także pokazywanie pełnych postów na stronie głównej i podstronach etykiet. Im mniej treści ładuje się w tych sekcjach, tym lepiej. Szczególnie dla uzytkowników komórek.

Jeżeli chodzi o zdjęcia, to #main-wrapper ma szerokość 760px, więc zdjęcia powinny być wstawiane mniej więcej w takiej wielkości by wypełniały całą kolumnę posta.

Można też modyfikować CSS i JS odpowiedzialny za wygląd obrazka w kafelku.
Modyfikując tę część:

Kod

$(".post-outer,.feat").each(function() {
$(this).find(".block-image .thumb a,.primeiro .feat-thumb a").attr("style", function(e, t) {
return t.replace("/default.jpg", "/mqdefault.jpg")
}).attr("style", function(e, t) {
return t.replace("s72-c", "s640")
})
});
});
z s640 np. na s760, zmieniasz wielkość źródła miniatury (liczba oznacza szerokość grafiki).

Jeżeli obrazek ma być mniejszy niż obecnie, to w sekcji CSS odszukaj:

Kod

.post-outer:first-child .post .block-image .thumb a {
oraz
.block-image a {
i zmodyfikuj im width na max-width
______________________________________________________
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