Как уменьшить смайлы в контенте

InstantCMS 2.X

#1 5 мая 2019 в 13:07

Столкнулся с такой проблемой.
Нужно уменьшить смайлы в записях контетна.

Уменьшил так

.ft_html img {
    width: 20px;
}

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

#2 5 мая 2019 в 13:32

Dmitry,
Так ткните правой кнопкой мыши в смайл, да посмотрите, какой у них класс. Ему и пишите размеры.
У стандартных смайликов класс smile_image, а у Вас какие-то дикие смайлики.

#3 5 мая 2019 в 13:38

Дак в этом и проблема, что у них нет класса.

Сегодня в 07:42

#4 5 мая 2019 в 15:01

Dmitry,
Тогда измените в \wysiwyg\redactor\files\plugins\smiles\smiles.js строчку

var smile_img = $('<img title=":'+s+':" src="'+result.smiles[s]+'" style="display:inline" />');

на

var smile_img = $('<img title=":'+s+':" src="'+result.smiles[s]+'" class="smile" style="display:inline" />');

Тогда можно будет классом smile оперировать.

#5 5 мая 2019 в 15:15

Во! Спасибо.

Я в эту строку пытался width добавить, не получилось…

#6 5 мая 2019 в 16:23

Dmitry,
А не легче все смайлики, которые у Вас в static/smiles лежат, обработать каким-нибудь редактором и уменьшить их размер?
Есть программы массово изменяющие размер изображений в папке.

#7 5 мая 2019 в 17:02

Неа. Вторые сутки фотошоп мучаю, расширяю все )
Это для мобильной версии. Там если стилями не сжать раза в 2, то их вид не очень качественный.

Смотрите какая четкость на ТФ laugh

Глаз только быстро замыливается. Кнопочки редактора никак не удается ровными и четкими сделать.

#8 5 мая 2019 в 17:34

Dmitry,
В список настоящих извращений, к балету на льду и хоккею на траве, теперь можно прибавить адаптацию сайта под мобильники…

#9 5 мая 2019 в 17:42

Это не я такой. Это CMS такой laugh

Ну а вообще, не хотелось этого говорить вслух, но 80% сайтов на инстанте просто ужасны внешне. Вот прямо — вырви глаз.
Я не хочу попасть в эти 80 и буду вылизывать все до мельчайшей детали ))) Руки у меня конечно из жопы, но как могу )

#10 5 мая 2019 в 22:09

Руки у меня конечно из жопы, но как могу )
Dmitry

Это не главное. Главное — мозги на месте.

По рефке 10% скидка на мощный и гибкий хостинг на NVMе дисках! Дешевые домены здесь! Чат-боты для любых соцсетей

#11 7 мая 2019 в 18:42

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

Иконки для редактора новые сделал

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

Если кому такие нужно, качайте тут Новые иконки MarkitUp
Совать в wysiwyg/markitup/sets/default-ru/images/ с заменой.

#12 7 мая 2019 в 18:51

Не помню только размажутся или нет. Если да, то вроде это в стиле добавить

.markItUpHeader ul a {
    width: 24px;
    padding: 3px;
}

Куда загружается картинка?

Общее количество просмотров ст

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

Как уменьшить смайлы в контенте

Похожие темы

Смайлы в Tinymce не работают

Не работают смайлики

Смайлики удаляют текст после них

Как подкрутить звездную оценку?

Как уменьшить кол-во новостей на главной?

UTF8 или UTF8mb4

InstantCMS Team

О проекте

Поддержка

Дополнения