Убрать рамку вокруг изображения в блоге.


Всем доброго времени суток. Снова и снова возвращаюсь к теме изображений, картинок в блоге. Думаю многие обратили внимание на то , что  в шаблоне Blogger уже изначально заложено, что вокруг вех изображений, которые мы добавляем в сообщения появляется рамка.

Может это кому-то и нравиться, но мне с самого начала хотелось от неё избавиться. Ни как она мне глаз не радовала.

 Сейчас , как вы видите, рамочки вокруг изображений у меня нет. Меня такой вариант больше устраивает. Что нужно сделать для того, чтобы эту рамку убрать.

Копируйте код, который приведён ниже.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Идём во вкладку шаблон-дополнительно-добавить CSS и в поле вставляем этот код. Не забудьте нажать применить к блогу. Вот и всё.

Смело возвращаемся в блог и любуемся результатом.

Если не получается установить код предложенным способом, есть другой вариант. Идём во вкладку шаблон-изменить HTML. Находим строку ]]></b:skin> и сразу над ней устанавливаем его.
Кто пока не знает как проще это сделать, прочитайте этот пост. Всё должно получиться.

Вот такая сегодня короткая шпаргалочка получилась.

Удачи всем нам. 


хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :

14 комментариев:

  1. спасибо-все сделала-как вы сказали-но почему то невозможно нажать на-применить к блогу-она как бы неактивна-то есть не в цвете-и ничего не получается ...

    ОтветитьУдалить
  2. Олена, такое бывает. Попробуйте чуть позже ещё раз.

    ОтветитьУдалить
    Ответы
    1. я тож решила избавиться от рамки, но видно не в то время там оказалась, но в том месте, я и не подозревала что есть такая возможность в блоггере. а вообще как правильно - блогспот или блоггер...блог на блоггере или блогспоте?

      Удалить
    2. free-dom-777-в том месте и в то время. Если подобным образом не получается, а не на всех шаблонах это возможно, нужно в шаблоне блога поставить перед строкой ]]> этот код.
      По всякому говорят-блог на Blogger-более верное.

      Удалить
  3. Вика, здравствуйте! Спасибо за шпаргалки. Для меня они очень актуальны. Вот наконец-то убрала эти ужасные рамки. Всё получилось. Теперь буду читать вас чаще, здесь столько много интересного для таких как я. Спасибо ещё раз!

    ОтветитьУдалить
  4. Юля, рада, что у Вас всё получилось. Забегайте конечно. Как говорится, чем могу.

    ОтветитьУдалить
  5. Спасибо. Интересно, а можно ли убрать рамочку только вокруг одного изображения? Т.е. чтобы во всём блоге оставались, а одну или несколько фотографий без рамочки сделать?

    ОтветитьУдалить
    Ответы
    1. Таня,попробуйте заключить этот код в теги style, как в этом случае
      http://www.shpargalochki.ru/2015/02/krasivaja-nadpis-na-kartinke.html?showComment=1423231425278#c8601556514605816497
      и при написании сообщения перейти в режим HTML и вставить его. Все картинки этого поста будут без рамки.

      Удалить
  6. а у меня не работает :(
    не понимаю почему. ни цсс ни в коде хтмль не нахожу этого всего.

    ОтветитьУдалить
    Ответы
    1. masacra, дописала пост. Попробуйте другой вариант . Но я посмотрела ваш блог и не увидела рамку у изображений. Только где приветственный пост , там не рамка а задано значение тени вокруг изо. box-shadow:Это надо непосредственно в шаблоне менять.

      Удалить
  7. Ответы
    1. Пожалуйста, Дина. Забегайте.

      Удалить
  8. класс, спасибо! Получилось!

    ОтветитьУдалить
    Ответы
    1. Татьяна, и ведь я об этом же писала, что всё получится. Спасибо за комментарий.

      Удалить

Пользовательский поиск
Foto Saya
My Photo