Как убрать рамку вокруг смайликов

Как убрать рамку вокруг смайликов

Как убрать рамку со смайликов? Такой вопрос возникает уже не первый раз у посетителей моего блога. Поэтому в этой статье я опишу тот способ, который помог мне убрать рамку вокруг смайликов.

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

Раньше у меня рамка была только вокруг миниатюры записи, которая выводится в самом начале поста. Долго не думая, я прописала в файле стиля моего шаблона  style.css, код, который сделал рамочку для всех изображений. НО! Вместе с изображениями и смайлики тоже попали в рамку.  А так как возвращать все назад и убирать рамку с изображений я не хотела, пришлось искать способ убрать рамку только со смайликов.


Так как смайлики у меня на блоге отображаются при помощи плагина  wp-Monalisa, то, логично именно в файлах этого плагина искать решение. Нужен файл, который отвечает за стиль вывода смайликов. Думаю по этому принципу можно решить проблему отображения рамки и при использовании других плагинов смайликов.

Убираем рамку вокруг смайликов

Для начала нам нужна сама папка с файлами плагина wp-Monalisa. Если у Вас на компьютере её нет, соединитесь по FTP (при помощи файлового менеджера) со своим сайтом  и скопируйте её с сайта из папки plugins на свой компьютер.

Из этой папки нам понадобиться только один файл, который называется wp-monalisa-default.css  (если хотите, можете скопировать на компьютер только его, а не всю папку). Это тот самый файл, который отвечает за то, в каком виде мы видим смайлики.

Теперь нужно открыть этот файл при помощи текстового редактора. Я, как всегда, настоятельно пользоваться для таких целей бесплатной программой Notepad++, так как она умеет корректно работать с кодировкой.

В этом файле нужно найти вот такой кусочек кода:

Сделать это можно при помощи поиска по файлу или, просто можете опустится вниз, примерно на строку №68. Если Вы используете Notepad++, то в этой программе все строки будут пронумерованы. У меня это выглядит вот так:

правим код

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

В код нужно добавить вот такую строчку:

В итоге у нас должен получится обновленный кусочек кода:

Теперь этот файл нужно сохранить и забросить его на хостинг, туда, где он был, в папку плагина wp-Monalisa. Или, если Вы копировали всю папку, значит сохранить его в этой папке и закинуть всю папку, это не важно, главное файл обновить на сервере.

На вопрос файлового менеджера о том перезаписать ли файл, конечно ответить «да».

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

Вот и все решение проблемы )

Как убрать рамку вокруг смайликов теперь знаете и Вы. Я, конечно, не претендую на то, что это единственный и лучший способ решения данной проблемы. Это просто способ, который помог мне. Если Вам известен другой работающий способ, пишите в комментариях о том как у Вас получилось убрать рамку вокруг смайликов.



Автор: Светлана Слободенюк
Ваша оценка статьи: [ratings]
Letyshops [lifetime]

Не пропустите похожие интересные посты!

Об авторе Смотреть все записи

Светлана Слободенюк

Я автор данного блога. Все статьи, которые вы найдете на моем блоге авторские, написанные исходя из личного опыта и "набитых шишек")

КомментариевОставить комментарий

  • Спасибо! Здорово! Рамка исчезла! Подскажите пожалуйста, а как можно смайлики опустить пониже чуток, а то они намного выше текста получаются, на странице «обо мне» посмотрите, если не трудно! Заранее спасибо! Удачи!

  • Да, смайлики у Вас на сайте высоковато забрались) Я, честно говоря, пока с такой проблемой не встречалась, но если найду ответ на Ваш вопрос — напишу.

  • Спасибо за ответ! Попробую в файлах поковыряться, может что-то получится))))))

  • Жаль, что не написано как убрать на стандартных смайлах рамку :)

  • Скорее всего эту проблему нужно решать в файле style.css Вашего шаблона ;-) ;-)

  • А я уже думала в файл style.css лезть. Попробую решить проблему по Вашему совету.

  • Светлана, все получилось. Я раньше пробовала установить этот плагин, но все смайлики получались в рамочке, поэтому удалила. Теперь смайлики нормальные, спасибо!

  • Елена, я рада что у Вас всё получилось ;-)

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены знаком *

17 + восемь =

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: