Polecane

Najnowsze


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

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

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ń