Смайлики в посте и как удалить рамку вокруг картинок в сообщениях на blogger

Привет всем!

Как известно моим читателям, я очень люблю смайлики, в любых их проявлениях, так сказать еще одна маниакальная моя проблема, с недавних пор буквально 2 последние статьи они начали появляться у меня в текстах  сообщений.

Решила поделиться, возможно, кто-то из моих читателей тоже фанат смайлов.

В интернете много разных ресурсов, но мне, почему- то понравился именно этот.

К сожалению  пока не знаю, как  заточить их в тело поста, так что бы ни бегать на  этот ресурс и не вставлять в HTML, код смайла который мне понравился.

Ну а пока расскажу, как  это сделать, моим способом.

Заходи на сайт, выбираем понравившийся  смайлик. Там дано 2 кода, выделяем и копируем второй. 

Далее идем  в  блог и вставляем  код смайла (нажав предварительно на HTML), в то место в сообщении, где он  будет смотреться наиболее привлекательней.

Вот и все.

А теперь о проблеме, с которой может столкнуться блоггер на базе стандартного шаблона в blogpost.

Дело в том что,  в стандартном шаблоне, нельзя  отключить рамку нажатием какой-то клавиши,  и смайлики получиться в рамке, они будут иметь такой вид:

Смайлик в рамке

Мой шаблон не стандартный, в нем уже отключена рамка, поэтому такой проблемы у меня нет.

Вы можете отключить саму рамку в настройках шаблона. 

Прежде чем делать какие-то измения в шаблоне прочитайте эту статью. Прочитали? Хорошо значит заходим в шаблон нажимаем расширить нажимаем  Ctrl+F находим этот код post-body img

В моем демо-шаблоне их 2, изменения нужно произвести в этих двух кодах или просто удалить их, но думаю лучше просто проставить 0, и если вдруг захочется опять рамку, то изменить на прежние размеры)


Как найти нужный код в шаблоне описано тут

 Можно удалить вот этот код 

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,.BlogList .item-thumbnail img {  padding: $(image.border.small.size);
  background: $(image.background.color);  border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);}
.post-body img, .post-body .tr-caption-container {  padding: $(image.border.large.size);}
.post-body .tr-caption-container {  color: $(image.text.color);}

Или заменить значения на 0, то есть  padding: $ нужно заменить на padding: 0

background: $ на  background: 0
border: 1px на  border: 0
padding: $ на padding:0
color: $ на  color: 0

 Теперь я ищу возможность блокировать, рамки не полностью, а именно там где нужна. Ведь иногда хочется одну картинку заключить в рамку а другую нет))

До скорых встреч.
P.S идеи  о рамках были от сюда  и от сюда