Styler - простой добавлятор встроенных CSS стилей к элементам

+6
429

Инструмент, который позволит быстро добавить встроенных стилей к любому элементу на странице, имеющему свой класс. Логика инструмента донельзя простая — в первом поле указываем селектор, во втором поле — его стили. 

Изображение

Автор понимает, что встроенные стили  -это плохо и не современно, но иногда можно. 😊

На выходе получаем:

Изображение

Реализовано при помощи стандартных методов библиотеки Jquery

Скачать можно ниже. 

Прикреплённый файл:
Скачать 20 Кбскачан 3 раза
0
Happy Happy 16 дней назад #

1 селектор один виджет ?) 

0
Make Make 16 дней назад #

Нет, разделение селекторов с новой строки 

0
Happy Happy 16 дней назад #

А как стили понимают к какому селектору они относятся ? 

+2
Нифигаccе о-го-гошеньки Нифигаccе о-го-гошеньки 16 дней назад #

Да вроде понятно же)) Во второй строке стили селектора из второй строки.

0
Happy Happy 16 дней назад #

Ну это и хотел понять, стили в строчку пишем просто 

+1
Make Make 16 дней назад #

1 строка = 1 строка

2 строка = 2 строка

Наверное надо было сделать через функцию implode, но мне она жуть как не нравится 🙃

+4
Loadырь Loadырь 16 дней назад #

Надо было через прямую черту ( | ) сделать в одном поле. Тогда бы точно всё было бы в порядке. Есть великий соблазн удалить класс из третьей строки первого поля и стили из второй строки второго поля и вот я уже бегу на форум с вопросом «Сайт сломали, но я ничего не делал, как быть?». 

Автор понимает, что встроенные стили  -это плохо и не современно

Главное, чтобы пользователи это понимали.

0
Make Make 16 дней назад #

Соглашусь. Перепишу 

+1
Zau4man Zau4man 15 дней назад #

Зачем implode, если в коробке уже есть функция string_parse_list  github.com/instantsoft/icms2/blob/37929d272c61859808dd92889427b431ccda32f7/system/libs/strings.helper.php#L79

0
Make Make 15 дней назад #

И правда. Значит еще раз перепишу) 

0
Александр Александр 16 дней назад #

иногда нужно быстро поправить или добавить стиль только на одной странице, с виджетом это сделать проще

Еще от автора

Вкладки с информацией
Простой виджет, который позволит вывести на сайте вкладки с вашей информацией.
InstantCMS - организация рекламной кампании
Уже больше года я брежу идеей популяризации любимого движка.
Styler - обновление и улучшение
Прислушавшись к комментариям к прошлому посту, практически полностью переписал виджет и добавил новых возможностей.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.