Szablony na blogi Blogger (blogspot)

Piękne, nowoczesne i funkcjonalne szablony dla blogerów blogujących na platformie Blogger

Szablon KOLORA

szablon na bloga

Szablon Simpla

szablon na bloga blogger/blogspot

Szablon STYLIA

szablon na bloga

Najnowsze na blogu

Porady, dokładne instrukcje krok po kroku i wiele więcej. Poradnik blogera

Jak zaokrąglić rogi zdjęć obrazków na blogspocie?

niedziela, 9 marca 2014

Okrągłe obrazki na blogu

Atrybutem css, który powoduje zaokrąglanie obrazków jest:
border-radius: 5px 10px 15px 20px;
gdzie kolejne wartości oznaczają:
- lewy górny róg: 5px
- prawy górny róg: 10px
- prawy dolny róg: 15px
- lewy dolny róg: 20px

Im większa wartość wyrażona w px (czyli pikselach) tym większe zaokrąglenie.

Aby wszystkie rogi były jednakowo zaokrąglone należy użyć takich samych wartości np:
border-radius: 10px 10px 10px 10px;

Jak zaokrąglić obrazki w pasku gadżetów bloga?

Aby zaokrąglić wszystkie zdjęcia, we wszystkich gadżetach paska bocznego należy użyć kodu:
.sidebar img {border-radius: 10px 10px 10px 10px;}

Jak zaokrąglić zdjęcie profilowe (avatar) na bloggerze?

Aby zaokrąglić tylko zdjęcie profilowe w bloku O mnie, czyli gadżecie Profil należy użyć kodu:
.profile-img { border-radius: 45px 45px 45px 45px; }

Gdzie wstawić kody?
Skopiuj wybrany kod (powyżej). Następnie przejdź do swojego bloga. Wejdź w Szablon, potem kliknij przycisk Dostosuj:

Zaokrąglenie zdjęć na bloggerze


Kliknij opcję Zaawansowane i przewiń suwak na sam dół. Teraz wybierz Dodaj arkusz CSS. Wklej teraz skopiowaną zawartość:

 
kliknij na obrazek, aby go powiększyć

Pod tym oknem masz podgląd swojego bloga. Widzisz tu wprowadzone zmiany, sprawdź jak wyglądają teraz zaokrąglane przez ciebie obrazki. Jeśli chcesz zwiększyć ich zaokrąglenie zwiększasz wartości px w kodzie, jeśli chcesz aby zaokrąglenie było delikatniejsze to zmniejsz wartości. Aby zachować zmiany kliknij pomarańczowy przycisk Zastosuj do bloga. Możesz teraz wrócić do bloga klikając Powrót do Bloggera.

... już niedługo więcej przykładów
Autor: Kasia Kluska (blogia / blogopasja)

8 komentarzy

  1. Przepraszam, uzupełniłam już post. Mam nadzieję, że instrukcja jest wystarczająca :)

    OdpowiedzUsuń
  2. Witaj, napisz dokładnie, który kod nie działa ...

    OdpowiedzUsuń
  3. Bardzo, bardzo, bardzo dziękuję, uratowałaś/łeś mi życie :**

    OdpowiedzUsuń
  4. Jak oddzielić każdy komentarz osobno poziomą kreską lub zamknąć pojedynczo w ramce ... chodzi mi o gadżet ,, ostatnie komentarze na blogu ... Za każdą pomoc będę wdzięczna !

    OdpowiedzUsuń
  5. Ten pierwszy link na zaokrąglenie mi nie działa:C ale dobrze, że są takie blogi jak Twój, jakoś swój blog stworzyłam :D

    OdpowiedzUsuń
  6. A da się zaokrąglić obrazki w poście?

    OdpowiedzUsuń

Zamów szablon

Podobają ci się moje szablony?
Chcesz kupić szablon, ale masz jeszcze pytania? Napisz.

A może indywidualny projekt?
Szablon na zamówienie to indywidualny wygląd bloga, stworzony specjalnie dla Ciebie.

Kocham piękne rzeczy, kocham projektować wyglądy blogów, kocham tworzyć niesamowite szablony. Doskonale znam Bloggera, jestem programistą, łatwo współpracuję z ludźmi i nie spocznę zanim nie stworzę doskonałego bloga dla Ciebie. Więc ... na co jeszcze czekasz? Napisz do mnie.

Nazwa (np imię, nazwisko):

E-mail (pole obowiązkowe):

Wiadomość (pole obowiązkowe):