Polecane

Najnowsze


Jak usunąć ramki wokół zdjęć na blogu

W tym poście pokażę jak usunąć obramowanie, ramki zdjęć. Zastosujemy style CSS, podaję gotowe kody CSS do skopiowania i wklejenia na bloga. Usuwanie ramek, obramowania wokół obrazków, najwygodniej przeprowadzić w Projektancie szablonów, ale można również bezpośrednio modyfikować kod html szablonu. Poniżej instrukcja, krok po kroku jak szybko usunąć ramki wokół zdjęć wstawionych w postach.

Deskography, Fot:olle svensson na licencji CC2.0

Jak usunąć ramki wokół zdjęć umieszczonych w postach?

Tutaj przykład ramki wokół wstawionego obrazka na blogu blogspot przy zastosowaniu szablonu domyślnego bloggera o nazwie Prosty (Simple). Widoczna jest jasnoszara ramka wokół wstawionego obrazka w poście:

Zdjęcie, obrazek wstawiony na bloga blogspot/blogger zostało umieszczone w jasnoszarej ramce (obramowaniu)

Usuwanie obramowania (ramki, cieni) zdjęć, obrazków

Modyfikacja, edycja szablonu: style CSS



Aby usunąć ramki wokół zdjęć należy za pomocą stylów css usunąć obramowanie zdjęć oraz cień:
.post-body img {border:none;box-shadow:none;}
Podany kod należy skopiować. Następnie przejść do swojego bloga, kliknąć Szablon, następnie Dostosuj:

Kolejne etapy wejścia w opcję wypisywania kodów, stylów css

Do dyspozycji mamy Projektant szablonów Bloggera. Aby wpisać style css usuwające ramki należy kliknąć Zaawansowane, następnie Dodaj arkusz CSS:

Kolejne etapy usuwania ramki, obramowania zdjęcia umieszczonego w poście na blogu blogspot, blogger

Teraz klikamy w miejsce "Dodaj tutaj arkusz CSS, aby zastąpić istniejące style ..." i wklejamy wcześniej skopiowany kod:
Wklejanie kodu CSS usuwającego ramki, obramowanie zdjęcia

Na dole mamy cały czas podgląd jak wygląda blog. Powinniśmy zobaczyć jak znikają ramki, obramowania zdjęcia.
Aby zastosować zmiany klikamy pomarańczowy górny przycisk  Zastosuj do bloga. Możemy zamknąć Projektanta klikając niebieski link Powrót do Bloggera.

Jak usunąć ramki, obramowania wokół zdjęć umieszczonych w pasku bocznym?

Wiesz już jak usunąć ramki zdjęć wstawionych w posty. Teraz coś dla tych, którzy chcą usunąć ramki zdjęć znajdujących się na pasku bocznym (na przykładzie szablonu domyślnego bloggera o nazwie Prosty).

Skopiuj podany poniżej kod:
.sidebar img {border:none;box-shadow:none;}

Wejdź teraz ponownie w Projektanta szablonu i  dodawanie stylów CSS - czyli kliknij Szablon, Dostosuj, Zaawansowane, Dodaj arkusz CSS (tak jak było to pokazane na obrazkach powyżej).

W obszar stylów wklej teraz skopiowany wcześniej kod. Zapisz zmiany.

Powyższa instrukcja dotyczy usunięcia ramek ze wszystkich zdjęć umieszczonych na pasku bocznym.

Zastanawiasz się teraz nad zdjęciami w postach? Chcesz ustawić im szerokość równą szerokości posta? To proste, postępuj zgodnie z instrukcją zawartą w poście: Jak ustawić jednakową szerokość zdjęć równą szerokości posta.

13 komentarzy:

  1. Oh jak ja Ci dziękuję za ten post!!! Jest bardzo czytelny :) Mimo, że nigdy nie byłam orłem z informatyki, udało mi się z Twoją pomocą usunąć ramki. Dzięki temu blog wygląda o wiele bardziej przejrzyście :) Dziękuję!

    OdpowiedzUsuń
  2. Wielkie dzięki, tak mnie wkurzały te ramki i psuły cały efekt:D

    OdpowiedzUsuń
  3. U mnie nie działa to z tymi ramkami. Proszę o szybką odpowiedź :c

    OdpowiedzUsuń
  4. Hej, a ja nadal nie pozbyłam się ramek :( co można jeszcze zrobić?

    OdpowiedzUsuń
  5. dziękuję za wskazówki :) bardzo mnie denerwowały te ramki, zauważyłam jednak, że zdjęcia pod którymi dodany jest podpis nadal są w ramce. Może jest jakiś sposób na usunięcie ramek z podpisanych zdjęć?

    OdpowiedzUsuń
  6. Wielkie dzięki. Tego mi trzeba było ! ...i już jest ok !

    OdpowiedzUsuń
  7. u mnie też nie działa..
    jakieś sugestie?

    OdpowiedzUsuń
  8. U mnie na blogu nie działa żaden z kodów na pozbycie się tej ramki :( Poradzisz coś??

    OdpowiedzUsuń
  9. Bardzo przydatne :0 Skorzystałam i dziękuję bardzo :) pozdrawiam

    OdpowiedzUsuń
  10. A u mnie nie działa :( Czy to wina szablonu?

    OdpowiedzUsuń