Блог Игоря Александровича Здесь вы найдете многое о заработке и сайтостроении
Приветствую всех подписчиков и посетителей моего блога.
Не давно мне задали вопрос, как убрать рамку вокруг смайликов.
Я сталкивался с этой проблемой, но у меня рамка была не только вокруг смайликов, но и вокруг картинок.Я стал искать решение этой проблемы.Но все попадалось, как то сложно и закручено.
Я нашел простой способ, как одним махом убрать рамку со смайлов и картинок и сейчас с вами поделюсь им.
Содержание статьи:
Как убрать рамку вокруг картинок и смайликов
Мне понравилась тема блога и я ее установил.
И вот посмотрите что получилось у меня в статье, рамка во круг картинки и вокруг смайликов.
А так же такие же рамки во круг смайликов присутствуют в комментариях.
И в строке под формой комментариев, где находятся смайлики.
Как убрать не красивую рамку, вокруг картинок и смайликов?
Заходим в Админку блога, там во Внешнем виде, переходим в Редактор и там находим и открываем файл style.css и ищите вот такой код:
|
1 2 3 4 5 |
.art-article img, img.art-article { border: solid 1px #CE403B; margin: 1em; } |
Он находится где-то посередине файла.
Здесь мы видим, что рамка равна 1px, нам эта рамка более не нужна, по этому 1px, меняем на 0px, больше здесь ничего не нужно делать.Обновляем файл и идем смотреть что у нас получилось.
Мы видим что рамки во круг картинок и смайликов исчезли.
Значит мы добились желаемого результата.Но здесь еще есть и другая проблема, как вы видите на картинке выше.
Смайлики в тексте пляшут, короче находятся не ровно с текстом, а это выглядит не красиво.Сейчас я вам объясню, как быстро устранить эту проблему.
Выравнивание смайликов в тексте
Для того чтобы выравнять смайлики в тексте, нужно опять в Админ панели, зайти во Внешний вид, перейти в Редактор и в файле style.css, в самом низу, вставить вот этот код:
|
1 2 3 4 5 6 7 8 9 |
/* style for icon */ img.wpml_ico { border: 0px !important; border-spacing:2px; border-collapse:collapse; margin-left:auto; margin-right:auto; vertical-align: middle !important; } |
Затем обновляем файл и заходим смотреть что у нас получилось.
На этом все, будут вопросы пишите.
С Уважением, Игорь Александрович
Вот на счет рамки, знал. И тоже убрал ее с фоток и смайлов, а вот на счет выравнивания, то не знал. Спасибо! :good:
Привет Андрей.Я рад что помог тебе.
Игорь, вы помогли не только Андрею, но и мне…Я вообще понятия не имела как это сделать…Хотя, если честно, то и необходимости такой не было…Спасибо за статью…С уважением, Анна.
Рад что помог
До сей момента вообще не обращал внимания на смайлики. Спасибо за качественную информацию!
Ну с рамкой вокруг картинки здесь все ясно. А вот, с выравниванием смайлов в тексте Ваша статья мне помогла.
Артем,я рад что вам помог.
Полезная статья конечно мне это уже все известно, но совсем недавно я этого не знал и таких людей много и им поможет ваша статья. Кстати музыка очень напрягает, не знаю может только меня.
Ну да, на много симпатичнее стало выглядеть.
А то как будто смайлик в прыжке, да еще и в рамочке