Introwertyczka na Bloggerze Introwertyczka na Wordpressie Introwertyczka na Faceboku Introwertyczka na Google Plus Introwertyczka na Google Plus Introwertyczka na Twitterze Introwertyczka na Tumblr Introwertyczka na Youtube Introwertyczka na Pinterest Kanał RSS bloga Introwertyczka na Bloglovin Mail Introwertyczka na Disqus Introwertyczka na We heart it

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.
Kopiowanie treści jest zabronione. Wszelkie prawa zastrzeżone.

Introwertyczka na Bloggerze Introwertyczka na Wordpressie Introwertyczka na Faceboku Introwertyczka na Google Plus Introwertyczka na Google Plus Introwertyczka na Twitterze Introwertyczka na Tumblr Introwertyczka na Youtube Introwertyczka na Pinterest Kanał RSS bloga Introwertyczka na Bloglovin Mail Introwertyczka na Disqus Introwertyczka na We heart it