[Ответить в тред] Ответить в тред

15/10/15 - Набор в модераторы 15.10 по 17.10
27/09/15 - Двач API — Инструкция к применению
15/09/15 - Про пожертвования и ДДоС

Официальная Телеграм конфа Двача **CLICK**

[Назад][Обновить тред][Вниз][Каталог] [ Автообновление ] 29 | 3 | 6
Назад Вниз Каталог Обновить

Аноним 12/03/16 Суб 11:43:48  119714867  
14577722290030.png (8Кб, 427x123)
Сап, /b/. Помоги решить маленькую тупую проблему. Мне нужно изменить размер стикеров в диалогах vk с помощью CSS и плагина Stylish. Нужен скрипт, изменяющий значение атрибута height со 128 на заданное и в src="/images/stickers/####/128.png" подменял имя файла на нужное (они там всех размеров есть от 48.png до 512.png и к каждому размеру версия с белой обводкой типа 128b.png)
Аноним 12/03/16 Суб 12:20:15  119718064
height: XXXpx!important;
Аноним 12/03/16 Суб 12:30:39  119719012
>>119718064
А с src как?
Забыл написать, что в CSS я разбираюсь чуть менее, чем никак.
Аноним 12/03/16 Суб 12:37:58  119719647
>>119714867 (OP)
C src ты не решишь стайлишем, тут какой-то джаваскрипт нужен. Либо писать кучу правил на каждый отдельный стикер.

С размером как-то так:
.im_sticker_row a img {
height: 42px !important;
}
Аноним 12/03/16 Суб 12:44:30  119720247
>>119719647
Сработало, спасибо.

> C src ты не решишь стайлишем, тут какой-то джаваскрипт нужен. Либо писать кучу правил на каждый отдельный стикер.
Жаль. Без правки src у этой затеи гораздо меньше смысла.
Аноним 12/03/16 Суб 12:53:36  119721031
>>119720247
На здоровье.
А ты хотел увеличить стикеры? Если хочешь этим действительно заморочиться - можно написать скрипт с аналогичным css селектором на замену src, и прикрутить с помощью greasemonkey или аналогичной тулзни для хрома.
Аноним 12/03/16 Суб 13:00:19  119721648
>>119721031
Я хотел универсальный скрипт, который мог бы менять размер стикеров на нужный из списка. Простое изменение height сильно мылит картинку. Ну и обводку так не добавить. К сожалению с джаваскрипт я вообще не знаком.
Аноним 12/03/16 Суб 13:04:49  119722043
>>119721648
Тогда копай в сторону юзерскриптов, если интересно. Если знаком хоть с каким-то языком программирования, то разобраться с примитивным скриптом должно быть несложно.
Успехов.
Аноним 12/03/16 Суб 13:11:15  119722611
>>119722043
Я у мамы тупенький, с любым погромированием у меня не выходит вообще ничего ещё со школьных времён. Но за советы спасибо.
Аноним 12/03/16 Суб 13:19:26  119723282
Ебать, я точно в /б?
Аноним 12/03/16 Суб 13:24:27  119723742
[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 - номер стикера
Аноним 12/03/16 Суб 13:25:51  119723872
И да, так нужно с каждым стикером. Больше никак
Аноним 12/03/16 Суб 13:37:44  119725147
>>119723742
>>119723872
А если действительно сделать такое для всех стикеров, оно будет тормозить?
Кстати, не работает, ошибки в первой и последней строке.
Аноним 12/03/16 Суб 13:47:30  119726226
14577796507330.png (16Кб, 472x392)
14577796507331.png (140Кб, 630x912)
>>119725147
Затестил, все работает. Насчет тормозов не знаю, скорее всего не будет тормозить (если комп не говно, конечно же). Кстати, чтобы упростить этот копипаст для каждого стикера, можно юзнуть mixins из less, ну или написать простенький скрипт, который выдаст готовый css для каждого стикера
Аноним 12/03/16 Суб 13:55:03  119727000
>>119726226
А. Я просто дебил. Всё работает. Огромное спасибо

> чтобы упростить этот копипаст для каждого стикера, можно юзнуть mixins из less, ну или написать простенький скрипт, который выдаст готовый css для каждого стикера

А можно подробно, для аутистов? Что за less?
Аноним 12/03/16 Суб 14:08:23  119728438
>>119727000
Less - это то, что делает из 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

Вообще, для вот такой замены стикеров можно было бы написать скрипт, как было написано в моем посте выше
Аноним 12/03/16 Суб 14:25:34  119730127
14577819343260.png (27Кб, 329x304)
>>119728438
И тут я окончательно понял, что нихрена не понимаю. Извини за тупость, анон.
Кстати, а можно в этом >>119723742 коде сделать ширину не фиксированной? У них, оказывается, многие стикеры прямоугольные, если оставлять width такой же, как height, вылезут баги.
Аноним 12/03/16 Суб 14:33:42  119730911
>>119730127
>сделать ширину не фиксированной
используй min-width
Аноним 12/03/16 Суб 14:43:04  119731837
>>119730911
> используй min-width
Кажется это немножко не то.
Аноним 12/03/16 Суб 14:45:32  119732078
>>119730127
Сделать, например, width: 512px; height: 137px;? Конечно можно
Аноним 12/03/16 Суб 14:47:17  119732231
>>119730127
Ну если я не понял, то вот еще: высоту и ширину надо задавать обязательно, потому что без нее блок будет height:0 и width:0, что вполне логично.
Аноним 12/03/16 Суб 14:53:09  119732716
>>119732231
Я это уже чисто экспериментально понял. Но можно как нибудь сделать, чтобы атрибут width брался от ширины самой картинки? Или это невозможно?
Аноним 12/03/16 Суб 14:54:19  119732827
>>119732716
Нет, никак. Если картинка была бы сама по себе, то можно, а тут она задается через background (потому что больше никак)
Аноним 12/03/16 Суб 14:57:16  119733061
>>119732827
Значит, только ручная подгонка. Ну, теперь я знаю, чем заняться, когда мне будет совсем скучно.
Аноним 12/03/16 Суб 14:59:01  119733215
>>119733061
Не обязательно. Сделать скрипт хоть на пхп, который берет полностью генерирует ксс файл, в том числе и ширину стикеров
Аноним 12/03/16 Суб 15:00:16  119733308
>>119733215
Дело за малым - выучить хоть что-то из языков программирования или найти того, кто сделает это за меня.
Аноним 12/03/16 Суб 15:02:22  119733474
>>119733308
Можно методом копипаста написать простейший код, потом смотреть чужой код и заглядывать в документацию (у пхп, кстати, она довольно хорошая)
Аноним 12/03/16 Суб 15:04:43  119733649
>>119733474
Хм. Спасибо за совет. Попробую заняться этим, когда просплюсь.
Аноним 12/03/16 Суб 15:15:27  119734467
>>119732827
Стоп, а точно ли больше никак? Ведь начиналось всё с простой замены пары атрибутов в коде страницы.
Аноним 12/03/16 Суб 15:17:05  119734617
>>119734467
Если только userscript пилить

[Назад][Обновить тред][Вверх][Каталог] [Реквест разбана] [Подписаться на тред] [ ] 29 | 3 | 6
Назад Вверх Каталог Обновить

Топ тредов