Szablony na blogi Blogger (blogspot)

Piękne, nowoczesne i funkcjonalne szablony dla blogerów blogujących na platformie Blogger

Szablon KOLORA

szablon na bloga

Szablon Simpla

szablon na bloga blogger/blogspot

Szablon STYLIA

szablon na bloga

Najnowsze na blogu

Porady, dokładne instrukcje krok po kroku i wiele więcej. Poradnik blogera

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

piątek, 3 lipca 2015
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.

Autor: Kasia Kluska (blogia / blogopasja)

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ń

Zamów szablon

Podobają ci się moje szablony?
Chcesz kupić szablon, ale masz jeszcze pytania? Napisz.

A może indywidualny projekt?
Szablon na zamówienie to indywidualny wygląd bloga, stworzony specjalnie dla Ciebie.

Kocham piękne rzeczy, kocham projektować wyglądy blogów, kocham tworzyć niesamowite szablony. Doskonale znam Bloggera, jestem programistą, łatwo współpracuję z ludźmi i nie spocznę zanim nie stworzę doskonałego bloga dla Ciebie. Więc ... na co jeszcze czekasz? Napisz do mnie.

Nazwa (np imię, nazwisko):

E-mail (pole obowiązkowe):

Wiadomość (pole obowiązkowe):