14.10.2016

Jak usunąć z obrazka tło, ramkę, cień?

Kiedy wstawiamy na blog jakiś obrazek, niekiedy może okazać się, że dostaliśmy gratis od szablonu w postaci obramowania, tła lub cienia. Nie zawsze tego typu efekty wyglądają na obrazku estetycznie.

Jak usunąć z obrazka tło, ramkę, cień?

Co można z tym zrobić? Jak usunąć z obrazka tło, ramkę, cień?


W przypadku ramki lub tła najprościej oczywiście jest wstawić odpowiedni kod do Projektanta arkuszy CSS. Tylko jeden wers, a tak wiele zmienia. [Zapoznaj się: Porady CSS]

Jak usunąć z obrazka tło, ramkę, cień?

Aby wstawić kod CSS, wchodzimy w Szablon → Dostosuj → Zaawansowane → Dodaj arkusz CSS.

Tak oto wygląda obrazek przed dodaniem kodu CSS:

Jak usunąć z obrazka tło, ramkę, cień?

A tak po dodaniu kodu CSS:

Jak usunąć z obrazka tło, ramkę, cień?

Jak usunąć z obrazka tło, ramkę, cień?

Różnicę widać od razu. A skoro widać różnicę, to chyba się opłaca.

A więc... to jest ten oto kod:




Kod ten działa na wszystkie obrazki, które znajdują się w obrębie bloga.

Przeczytaj również: HTML - jak wstawić obrazek?



No dobrze, a w takim razie co z cieniem wokół obrazka? Cóż, jego już w tak prosty sposób nie da się pozbyć. Trzeba sięgnąć do trybu edycji kodu HTML (Szablon → Edytuj kod HTML).

Kiedy już dostaliśmy się do kodu HTML bloga, wówczas odnajdujemy taki dziwny jego fragment. 

.post-body img, (...) .Profile img, .Image img,


Jak usunąć z obrazka tło, ramkę, cień?

W obrębie tego fragmentu, a dokładniej pod nim znajdziemy taką "wyliczankę" cyfr, jak ta przedstawiona na screenie powyżej. Co należy teraz z nią zrobić?

Teraz wystarczy tylko pozamieniać końcowe cyfry na wartość równą 0. Każdą cyfrę o wartości większej niż 0 zamieniamy na 0.

Efekt będzie wyglądać w ten sposób:

Jak usunąć z obrazka tło, ramkę, cień?

Jak usunąć z obrazka tło, ramkę, cień?

Po wykonaniu tych prostych kosmetycznych zabiegów zdjęcia na blogu zaczną wyglądać normalnie.
Share:
Introwertyczka na Bloggerze Introwertyczka na Wordpressie Introwertyczka na Weebly Introwertyczka na Facebooku Introwertyczka na Twitterze Introwertyczka na Tumblerze Introwertyczka na Youtube Introwertyczka na Pinterest Introwertyczka na We♥it Introwertyczka na Bloglovin Introwertyczka na Zblogowanych Introwertyczka na Google+ Introwertyczka na Google+ Introwertyczka na Pingerze Introwertyczka na Filmwebie Forum dla Ciebie Introwertyczka na Disqusie Napisz do mnie Subskrybuj blog
Kopiowanie treści jest zabronione. Wszelkie prawa zastrzeżone.