Как убрать рамку со смайликов? Такой вопрос возникает уже не первый раз у посетителей моего блога. Поэтому в этой статье я опишу тот способ, который помог мне убрать рамку вокруг смайликов.
А началось все с того, что мне захотелось сделать так, чтобы все рисунки, которые будут размещаться в постах были окружены рамкой.
Раньше у меня рамка была только вокруг миниатюры записи, которая выводится в самом начале поста. Долго не думая, я прописала в файле стиля моего шаблона style.css, код, который сделал рамочку для всех изображений. НО! Вместе с изображениями и смайлики тоже попали в рамку. А так как возвращать все назад и убирать рамку с изображений я не хотела, пришлось искать способ убрать рамку только со смайликов.
Так как смайлики у меня на блоге отображаются при помощи плагина wp-Monalisa, то, логично именно в файлах этого плагина искать решение. Нужен файл, который отвечает за стиль вывода смайликов. Думаю по этому принципу можно решить проблему отображения рамки и при использовании других плагинов смайликов.
Убираем рамку вокруг смайликов
Для начала нам нужна сама папка с файлами плагина wp-Monalisa. Если у Вас на компьютере её нет, соединитесь по FTP (при помощи файлового менеджера) со своим сайтом и скопируйте её с сайта из папки plugins на свой компьютер.
Из этой папки нам понадобиться только один файл, который называется wp-monalisa-default.css (если хотите, можете скопировать на компьютер только его, а не всю папку). Это тот самый файл, который отвечает за то, в каком виде мы видим смайлики.
Теперь нужно открыть этот файл при помощи текстового редактора. Я, как всегда, настоятельно пользоваться для таких целей бесплатной программой Notepad++, так как она умеет корректно работать с кодировкой.
В этом файле нужно найти вот такой кусочек кода:
/* style for icon */ img.wpml_ico { border-spacing:2px; border-collapse:collapse; margin-left:auto; margin-right:auto; }
Сделать это можно при помощи поиска по файлу или, просто можете опустится вниз, примерно на строку №68. Если Вы используете Notepad++, то в этой программе все строки будут пронумерованы. У меня это выглядит вот так:
Нам нужно будет немного подправить этот кусочек кода, который и отвечает за внешний вид смайликов.
В код нужно добавить вот такую строчку:
border: 0px !important;
В итоге у нас должен получится обновленный кусочек кода:
/* style for icon */ img.wpml_ico { border: 0px !important; border-spacing:2px; border-collapse:collapse; margin-left:auto; margin-right:auto; }
Теперь этот файл нужно сохранить и забросить его на хостинг, туда, где он был, в папку плагина wp-Monalisa. Или, если Вы копировали всю папку, значит сохранить его в этой папке и закинуть всю папку, это не важно, главное файл обновить на сервере.
На вопрос файлового менеджера о том перезаписать ли файл, конечно ответить «да».
После такого исправления все рамки вокруг смайликов у меня на блоге пропали, а вокруг остальных изображений остались. Правда, мне пришлось убирать кроме рамки еще и небольшую тень, которая присутствует у меня вокруг изображений, но это уже не важно. Мне на блоге еще нужно кое-что исправить, но это уже не тема статьи.
Вот и все решение проблемы )
Как убрать рамку вокруг смайликов теперь знаете и Вы. Я, конечно, не претендую на то, что это единственный и лучший способ решения данной проблемы. Это просто способ, который помог мне. Если Вам известен другой работающий способ, пишите в комментариях о том как у Вас получилось убрать рамку вокруг смайликов.
Спасибо! Здорово! Рамка исчезла! Подскажите пожалуйста, а как можно смайлики опустить пониже чуток, а то они намного выше текста получаются, на странице «обо мне» посмотрите, если не трудно! Заранее спасибо! Удачи!
Да, смайлики у Вас на сайте высоковато забрались) Я, честно говоря, пока с такой проблемой не встречалась, но если найду ответ на Ваш вопрос — напишу.
Спасибо за ответ! Попробую в файлах поковыряться, может что-то получится))))))
Жаль, что не написано как убрать на стандартных смайлах рамку
Скорее всего эту проблему нужно решать в файле style.css Вашего шаблона

А я уже думала в файл style.css лезть. Попробую решить проблему по Вашему совету.
Светлана, все получилось. Я раньше пробовала установить этот плагин, но все смайлики получались в рамочке, поэтому удалила. Теперь смайлики нормальные, спасибо!
Елена, я рада что у Вас всё получилось