Jak automatycznie zaokrąglić rogi zdjęć w notce?

Dzisiaj startujemy z pierwszym, banalnym tutorialem, który wielu z was na pewno zaoszczędzi czas. Na wielu blogach widuję zdjęcia z zaokrąglonymi rogami - czasem autorzy chcą dopasować je do wyglądu szablonu, czasem to zwykłe widzimisię. Niestety, wiele z nich jest przerabianych w ten sposób z użyciem programów graficznych. Mam nadzieję, ze wad tej metody nie muszę nikomu tłumaczyć. Wiadomo, jest to praco- i czasochłonne, a także może przysporzyć nam problemów, gdy postanowimy zmienić szablon, lub gdy zwyczajnie... takie zdjęcia przestaną nam się podobać.
 
Najprostszym rozwiązaniem jest umieszczenie poniższego kodu CSS we własnym szablonie. Informację gdzie i jak to to zrobić, znajdziecie TUTAJ. Fragment ten zmieni rogi wszystkich zdjęć w notkach na zaokrąglone.

.post-body img 
{ 
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px; 
}

Wartość "20px" można dowolnie zmieniać. Oznacza ona rozmiar zaokrąglenia w pikselach. Jeżeli nie orientujecie się, jak to może wyglądać, to zerknijcie na cztery przykłady poniżej. Możecie na nich zobaczyć, jak wygląda zaokrąglenie rogów o wartości 20px, 40px, 60px i 100px. Jeżeli zdecydujecie się na inną wartość pamiętajcie, żeby zmienić ją we wszystkich trzech liniach kodu!

Here we go!

Od dłuższego czasu nosiłam się z zamiarem założenia bloga o tematyce graficzno - tutorialowo - miszmaszowej. Dzisiaj mam przyjemność przedstawić wam Blogowe ABC. Dopiero startuje, ale wiem, że trochę wiary i wsparcia pomoże mu się rozkręcić.

Jeżeli prowadzisz bloga, lub dopiero zastanawiasz się nad jego założeniem, to jesteś w dobrym miejscu! Standardowe szablony Blogspota nie spełniają Twoich wymagań, ale nie znasz HTML ani CSS? Dobrze trafiłeś! Tutaj właśnie będą się tu pojawiać instrukcje z kodem źródłowym, różne tutoriale krok po kroku i pomysły na szablonowe udziwnienia, których - zapewniam - nie znajdziecie nigdzie indziej. Do tego będę publikować grafiki, które będzie można wykorzystać na swoim blogu.

A za niedługo... konkurs! Zachęcam do zaglądania!