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 społeczności na G+ --- Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Top Contributor
Blogowicz.Team


Zaproszone osoby: 82
Imię: Arkadiusz (Arek)
Pomógł: 797 razy
Wiek: 32
Dołączył: 01 Sty 2006
Posty: 8829
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

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ę dodając link do tego forum na swoim blogu 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