Cel bloga

Instrukcje dotyczące języka HTML czy kodów CSS, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Zadaj pytanie!

Wskazówka

Chcąc znaleźć pożądaną instrukcję skieruj się do zakładki spis instrukcji, gdzie znajdziesz wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie.

Archiwum

Statystyka

Zdjęcie niewychodzące poza post

||
Prowadzenie bloga w 94% wiąże się z tym, że do postów należy aplikować zdjęcia. Blogerki modowe dodają swoje wyjątkowe stylizacje, zapaleni projektanci wnętrz fotografie z gustownie urządzonymi pokojami, a my, współtwórczynie Bloggerowych Instrukcji, screeny umożliwiające jasne przekazanie uzyskanego efektu. Ogólnie, wiecie o co chodzi. Zdjęcia to taka podstawa. No właśnie! Jak nad nimi zapanować? Dziś przedstawię wam prosty trick, dzięki któremu ustawicie fotografie nie będą "wystawać" poza post. Zachęcam do lektury!

Jak sprawić, aby zdjęcie nie wychodziło poza post? Już tłumaczę. Znacie to uczucie, gdy post już gotowy, klikacie w podgląd, a zdjęcie wylewa się gdzieś na prawy pasek boczny? Poniżej znajduje się kod, który dopasuje wielkość fotografii do szerokości kolumny środkowej (z postem). Wartość 500px możecie zmienić na dowolną - wedle uznania. 
.post-body img {max-width: 500px;}
Gdzie ów kod zastosować? To nic innego, jak CSS. Wchodzimy w Układ >> Projektant Szablonów >> Zaawansowane >> Dodaj arkusz CSS. W białe pole wklejacie powyższy ciąg znaków. Instrukcja nie wymaga grzebania w HTMLu, a więc to kolejne ułatwienie z korzyścią dla was ;)

7 komentarzy

  1. Ja osobiście wolę grzebać w wersji html postu i bezpośrednio tam zmienić szerokość takiej fotki. Nie trzeba sie wtedy martwić że po zmianie szablonu, będzie trzeba pamiętać o doklejeniu tego kodu...
    Ale porada bardzo praktyczna i przydatna dla tych, którzy nie chcą znajomości z html'em. ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Właśnie chodziło mi o to, że nie każdy potrafi zgrabnie się poruszać w kodzie. To taki prościutki sposób dla niewtajemniczonych ;)

      Usuń
    2. Za to trzeba będzie pamiętać o tym, żeby zmienić rozmiar obrazka w każdym pojedynczym poście. No chyba że zakładamy, że absolutnie w każdym szablonie ustawiasz tą samą szerokość dla posta... seriously?

      Usuń
    3. Zmieniam rozmiar, kiedy tego wyraźnie potrzebuję... O.o
      Blogi, na których zarządzam, od zawsze mają szerokość co najmniej sygnaturki, bo taka jest potrzeba.
      Ale w zamówieniach wolę ograniczyć możliwości autora powyższym kodem, jeśli wiem, że sporo zdjęć do posta wrzuci (a często tego nawet nie przemyśli).
      Nie rozumiem tego bulwersu... Podaję tylko drugą możliwość zmiany rozmiaru i tyle. Jak komu wygodnie.

      Usuń
  2. Postanowiłam zaproponować malutki poradnik dla początkującego blogera. Wątpię w to, iż ktokolwiek zagląda w zakładkę ,,zaproponuj", więc mam nadzieję, że nie będziecie mieli mi tego za złe.
    Ogółem mówiąc, to dużo grafików tworzy razem nagłówek, sygnaturkę, czy cokolwiek innego; krótko mówiąc współpraca, jednakże jest wiele nowych osób w naszym graficznym świecie, więc może wytłumaczyć o co chodzi z tymi współpracami, jak tworzą się te prace?
    Jeżeli ten temat nie pasuje do tego bloga, w zupełności to zrozumiem i od razu podziękuję za rozpatrzenie i możliwe napisanie tego poradnika :)
    Pozdrawiam!

    OdpowiedzUsuń
    Odpowiedzi
    1. Też wątpię w to, aby ktokolwiek poza mną tam zaglądał... ;p
      Dzięki wielkie za temat do opracowania. Szczerze mówiąc, na początku trzeba mi było wyjaśnić o co chodzi, dlatego rozumiem, że nie każdy początkujący od razu wie "co i z czym"... Max dwa tygodnie i poczytasz o tym na KG. ;)

      Usuń
    2. Uff, jaka ulga ;pp
      Ogólnie nie ma za co i dzięki za rozpatrzenie tego. Ostatnio siedziałam sobie i myślałam o tym jak różni graficy tworzą te cudeńka, więc postanowiłam tutaj napisać, także ja czekam na poradnik!

      Usuń