Сап, /b/. Помоги решить маленькую тупую проблему. Мне нужно изменить размер стикеров в диалогах vk с помощью CSS и плагина Stylish. Нужен скрипт, изменяющий значение атрибута height со 128 на заданное и в src="/images/stickers/####/128.png" подменял имя файла на нужное (они там всех размеров есть от 48.png до 512.png и к каждому размеру версия с белой обводкой типа 128b.png)
height: XXXpx!important;
>>119718064А с src как?Забыл написать, что в CSS я разбираюсь чуть менее, чем никак.
>>119714867 (OP)C src ты не решишь стайлишем, тут какой-то джаваскрипт нужен. Либо писать кучу правил на каждый отдельный стикер.С размером как-то так:.im_sticker_row a img { height: 42px !important;}
>>119719647Сработало, спасибо. > C src ты не решишь стайлишем, тут какой-то джаваскрипт нужен. Либо писать кучу правил на каждый отдельный стикер.Жаль. Без правки src у этой затеи гораздо меньше смысла.
>>119720247На здоровье.А ты хотел увеличить стикеры? Если хочешь этим действительно заморочиться - можно написать скрипт с аналогичным css селектором на замену src, и прикрутить с помощью greasemonkey или аналогичной тулзни для хрома.
>>119721031Я хотел универсальный скрипт, который мог бы менять размер стикеров на нужный из списка. Простое изменение height сильно мылит картинку. Ну и обводку так не добавить. К сожалению с джаваскрипт я вообще не знаком.
>>119721648Тогда копай в сторону юзерскриптов, если интересно. Если знаком хоть с каким-то языком программирования, то разобраться с примитивным скриптом должно быть несложно.Успехов.
>>119722043Я у мамы тупенький, с любым погромированием у меня не выходит вообще ничего ещё со школьных времён. Но за советы спасибо.
Ебать, я точно в /б?
[code]a[onmouseover="return Emoji.stickerOver(133, this);"] img { display: none;}a[onmouseover="return Emoji.stickerOver(133, this);"]:after { content: ''; background: url(/images/stickers/133/512.png); width: 512px; height: 512px; display: block;}[/code]512 - размер стикера133 - номер стикера
И да, так нужно с каждым стикером. Больше никак
>>119723742>>119723872А если действительно сделать такое для всех стикеров, оно будет тормозить?Кстати, не работает, ошибки в первой и последней строке.
>>119725147Затестил, все работает. Насчет тормозов не знаю, скорее всего не будет тормозить (если комп не говно, конечно же). Кстати, чтобы упростить этот копипаст для каждого стикера, можно юзнуть mixins из less, ну или написать простенький скрипт, который выдаст готовый css для каждого стикера
>>119726226А. Я просто дебил. Всё работает. Огромное спасибо > чтобы упростить этот копипаст для каждого стикера, можно юзнуть mixins из less, ну или написать простенький скрипт, который выдаст готовый css для каждого стикераА можно подробно, для аутистов? Что за less?
>>119727000Less - это то, что делает из CSS конфетку. http://lesscss.org/Mixin - это что-то подобное функциям в ЯПНапример, написал.e(@n) {a[onmouseover="return Emoji.stickerOver(@n, this);"] img {display: none;}a[onmouseover="return Emoji.stickerOver(@n, this);"]:after {content: '';background: url(/images/stickers/@n/512.png);width: 512px;height: 512px;display: block;}}И использовал в коде.e('312'); Получаешь на выходе a[onmouseover="return Emoji.stickerOver('312', this);"] img {display: none;}a[onmouseover="return Emoji.stickerOver('312', this);"]:after {content: '';background: url(/images/stickers/133/512.png);width: 512px;height: 512px;display: block;}Но для этого сначала надо это дело скомпилировать. Есть GUI, я лично использую плагин под ST3Вообще, для вот такой замены стикеров можно было бы написать скрипт, как было написано в моем посте выше
>>119728438И тут я окончательно понял, что нихрена не понимаю. Извини за тупость, анон. Кстати, а можно в этом >>119723742 коде сделать ширину не фиксированной? У них, оказывается, многие стикеры прямоугольные, если оставлять width такой же, как height, вылезут баги.
>>119730127>сделать ширину не фиксированнойиспользуй min-width
>>119730911> используй min-widthКажется это немножко не то.
>>119730127Сделать, например, width: 512px; height: 137px;? Конечно можно
>>119730127Ну если я не понял, то вот еще: высоту и ширину надо задавать обязательно, потому что без нее блок будет height:0 и width:0, что вполне логично.
>>119732231Я это уже чисто экспериментально понял. Но можно как нибудь сделать, чтобы атрибут width брался от ширины самой картинки? Или это невозможно?
>>119732716Нет, никак. Если картинка была бы сама по себе, то можно, а тут она задается через background (потому что больше никак)
>>119732827Значит, только ручная подгонка. Ну, теперь я знаю, чем заняться, когда мне будет совсем скучно.
>>119733061Не обязательно. Сделать скрипт хоть на пхп, который берет полностью генерирует ксс файл, в том числе и ширину стикеров
>>119733215Дело за малым - выучить хоть что-то из языков программирования или найти того, кто сделает это за меня.
>>119733308Можно методом копипаста написать простейший код, потом смотреть чужой код и заглядывать в документацию (у пхп, кстати, она довольно хорошая)
>>119733474Хм. Спасибо за совет. Попробую заняться этим, когда просплюсь.
>>119732827Стоп, а точно ли больше никак? Ведь начиналось всё с простой замены пары атрибутов в коде страницы.
>>119734467Если только userscript пилить