2014/02/27

STEP BY STEP: MARGINES ZDJEC


Między jednym wyjazdem a drugim wpadłam do Szczecina na 2 dni aby zrobić pranie i napisać nowy post :) Wiele blogów opiera się na obrazkach (np. mój). Ustawienie szerokości zdjęć i odległości między nimi jest wtedy bardzo ważna. Przy zmianie wyglądu bloga zawsze poprawiałam te parametry. Dzisiaj wytłumaczę Wam jak łatwo zmieniać odległość miedzy zdjęciami. 

1. Otwieramy "Szablon".
2. Klikamy na "Edytuj kod HTML".
3. Wyszukujemy część:

/* Posts
----------------------------------------------- */

4. Wyszukujemy fragment kodu (w moim przypadku go nie było, więc go wkleiłam nad "#comments .comment-author {"):

.post img {
    border: 0 solid #FFFFFF;
    margin: 0;
    padding: 0;
}

5. Edytujemy wartość "margin" (margines zewnętrzny naszych zdjęć) zależnie od wielkości odstępu jaki chcemy mieć między zdjęciami, np.

margin: -1px; (mniejszy margines o 1 px)
margin: 1px; (większy o 1 px)

6. Sprawdzamy czy marginesy między zdjęciami nam odpowiadają "Podgląd szablonu".
7. Zapisujemy szablon "Zapisz szablon".

Follow on Bloglovin

6 komentarzy:

Dziękuję za każdy komentarz :) Postaram się na wszystkie odpowiedzieć.
A.