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

InstantCMS 2.X
#1 5 мая 2019 в 13:07
Столкнулся с такой проблемой.
Нужно уменьшить смайлы в записях контетна.



Уменьшил так

  1. .ft_html img {
  2. width: 20px;
  3. }
Но потом дошло, что это и на вставленные картинки в статьи тоже будет срабатывать.
Может как то можно в свой класс их обернуть или другим хитрым способом?
#2 5 мая 2019 в 13:32
Dmitry,
Так ткните правой кнопкой мыши в смайл, да посмотрите, какой у них класс. Ему и пишите размеры.
У стандартных смайликов класс smile_image, а у Вас какие-то дикие смайлики.
#3 5 мая 2019 в 13:38
Дак в этом и проблема, что у них нет класса.

#4 5 мая 2019 в 15:01
Dmitry,
Тогда измените в \wysiwyg\redactor\files\plugins\smiles\smiles.js строчку
  1. var smile_img = $('<img title=":'+s+':" src="'+result.smiles[s]+'" style="display:inline" />');
на
  1. 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
Это не главное. Главное — мозги на месте.
#11 7 мая 2019 в 18:42
Смайлы в комментах тоже большие получились и стили эти на них не действуют.
В общем забил. Надо как то делать их общей картинкой и не мучаться.

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

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

Если кому такие нужно, качайте тут Новые иконки MarkitUp
Совать в wysiwyg/markitup/sets/default-ru/images/ с заменой.
#12 7 мая 2019 в 18:51
Не помню только размажутся или нет. Если да, то вроде это в стиле добавить

  1. .markItUpHeader ul a {
  2. width: 24px;
  3. padding: 3px;
  4. }
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.