Pechora.Dev 🐻

Pechora.Dev 🐻

+35
Репутация
255
Рейтинг
#1 Компонент + поле "Мультизагрузка файлов" - анонс 28 августа 2025 в 11:13

 Def, небольшой анонс 

Изображение

#2 Компонент + поле "Мультизагрузка файлов" - анонс 28 августа 2025 в 11:02

перетаскиванием с рабочего стола работает?

Def

Да, конечно

Добавлено спустя Только что

В иделале. если еще можно определять куда грузить файлы. например на s3 хранилище или яндекс диск, введя в настройках секртеный ключ или доступы)

Def

Подумать можно, но мне кажется слишком замудрено)

#3 Компонент + поле "Мультизагрузка файлов" - анонс 28 августа 2025 в 09:43

Главное, чтобы закачиваемые файлы удалялись потом с сервера безвозвратно (головная боль для тех, кто сидит на хостинге — картинки, файлы… места все меньше и меньше))

Викторыч

С этим проблем нет. 

#1 Компонент + поле "Мультизагрузка файлов" - анонс 27 августа 2025 в 23:25

Всем привет! Для одного своего проекта понадобилось поле «Мультизагрузка файлов». Сказано — сделано, написал. Сейчас на данный момент само поле работает на отлично (стандартный компонент files решил не использовать — написал свой). Как выглядит на данный момент:


1) настройки поля

Изображение

2) На фронте:

Изображение

3) Просмотр на сайте еще не доделан, выглядит пока системно:

Изображение

На данный момент функционал совсем скуден, но уже отлично справляется со своей задачей. Но, анонс на то и есть анонс, чтобы рассказать, какие функции в процессе:

1) Добавление типов допустимых для загрузки файлов будет реализовано динамически (а не как сейчас — перечислением расширений в строке). Для каждого добавляемого типа можно будет задать: фон бейджа, иконка из наборов InstantCms, цвет текста на бейдже
2) Возможность на фронте устанавливать пароль для загрузки как одного файла, так и всех файлов целиком. (В настройках поля будет соответствующая опция)
3) Drag'N'Drop сортировка при загрузке — можно будет менять файлы местами и выстраивать нужный порядок
4) Конечно же, возможность загрузки через перемещение файлов на страницу
5) В настройках поля: возможность задавать размеры, допустимое количество, возможность указывать свои названия для файла, три шаблона для отображения файлов — плитка, таблица, список
И пока все это дело дописывается и допиливается — можно накидывать идеи и предложения для будущего функционала. 

Всем спасибо за внимание! 

#4 [ЕСТЬ РЕШЕНИЕ] Не могу найти селектор страницы 23 августа 2025 в 09:12

С вашего позволения, перепечатаю информацию с первого сайта, открывшего в гугле по этой теме:

ID и class — это атрибуты HTML-элементов, которые используются для их стилизации (через CSS) и взаимодействия (через JavaScript).

Вот как они выглядят в коде:

1. ID (Идентификатор)

  • Назначение: Уникальное имя для одного конкретного элемента на странице. Как паспорт — он должен быть только у одного человека.
  • Синтаксис: id=«имя_идентификатора»
  • В HTML:
  1. <button id="main-button">Купить</button>
  2. <h1 id="page-title">Главный заголовок</h1>
  3. <div id="user-profile-123"></div>

Особенности:

  • На странице может быть только один элемент с конкретным ID (например, только один элемент с id=«main-button»).
  • Имя чувствительно к регистру: id=«Main» и id=«main» — это два разных ID.
  • Должен начинаться с буквы (A-Z, a-z), может содержать цифры, дефисы (-), подчёркивания (_), двоеточия (:) и точки (.)

2. Class (Класс)

  • Назначение: Имя для группы элементов. Как фамилия в семье — у нескольких людей может быть одна и та же фамилия.
  • Синтаксис: class=«имя_класса»
  • В HTML:
  1. <p class="text-red">Это важное сообщение.</p>
  2. <p class="text-red">И это тоже важное сообщение.</p>
  3. <button class="btn btn-large btn-primary">Большая кнопка</button>
  4. <div class="card highlighted"></div>

Особенности:

  • Одному элементу можно задать несколько классов через пробел (как у кнопки и div в примере выше: class=«card highlighted»).
  • Один и тот же класс можно использовать для множества элементов на странице.
  • Правила для имен те же, что и для ID.

Как их увидеть в браузере?
Самый простой способ — использовать Инструменты разработчика (DevTools) в браузере.

  1. Откройте страницу в браузере (Chrome, Firefox, Edge и т.д.).
  2. Нажмите правой кнопкой мыши на интересующий вас элемент (например, на кнопку или заголовок).
  3. В выпавшем меню выберите «Просмотреть код» (или Inspect / Исследовать элемент).
  4. В открывшейся панели DevTools будет подсвечена HTML-структура. Атрибуты id и class будут видны прямо в теге элемента.

Изображение

На скриншоте (кликабельно) выше у элемента div есть класс header и уникальный ID

#5 Какие слова запрещены на сайтах в 2026 году? Штраф от 4000 рублей до 500 000 рублей за каждое слово 19 августа 2025 в 17:50

Вон чего интернеты говорят на эту тему:

Возможно, имелся в виду закон, который с 1 марта 2026 года запрещает использовать иностранные слова в публичных форматах, в том числе на сайтах, без перевода на русский язык. 
Под запрет попадают, например, такие англицизмы, как «sale» и «open». Их нужно будет заменить на «распродажа» и «открыто». 
Закон предусматривает исключения: слова, которые не имеют аналогов в русском языке, можно использовать после проверки по официальным словарям. Например, «ресепшн», «эйчар», «кэшбек».
За нарушение закона предусмотрены штрафы: до 20 000 рублей для должностных лиц и до 500 000 рублей для юридических. Дополнительно возможны предписания от ФАС, блокировка онлайн-материалов и приостановка кампаний.

#6 Html2canvas не правильно выполняет scale, добавляет белые пиксели 30 июня 2025 в 23:15

 Нил™, а если сделать обрезку canvas? (гарантированно работает — судя по фидбеку из сети.) А вообще — это известная проблема html2canvas, про нее уже много где написано. 

#7 Html2canvas не правильно выполняет scale, добавляет белые пиксели 30 июня 2025 в 22:08

Однажды я тоже мучался с этим. Оказалось проблема связана с системным масштабированием. Попробуйте явно задать scale как целое число, примерно так:

  1. html2canvas(element, {
  2. scale: 4,
  3. windowWidth: Math.floor(element.offsetWidth * 4),
  4. windowHeight: Math.floor(element.offsetHeight * 4)
  5. });
#8 Меню как в ВК 20 мая 2025 в 23:53

 ivan, можно заказать у фрилансеров, попросить сделать нейросеть или сделать самому. )

Мне вариант без кода больше подходит

ivan

Без кода тут не обойтись ну совсем никак )

#9 Меню как в ВК 20 мая 2025 в 22:43

 ivan, все просто. Есть виджет меню. У этого виджета могут быть разные шаблоны. К примеру, дефолтное меню использует шаблон templates/modern/assets/ui/menu.tpl.php

Создайте файл в этой директории например menu-vk.tpl.php и уже в нем сверстайте необходимое вам по стилистике меню. Ну а потом выведите виджет меню на нужных вам страницах, и вот тут:
Изображение

Выберите ваш новый шаблон.

#10 Размещение кнопки "Согласия на обработку данных" в форме регистрации. 20 мая 2025 в 10:06

 pupsik, 

  1. background-color: buttonface;

Я аж прослезился от вашего подхода 😅 По-моему еще до существования CSS3 мы так делали )

#11 Внедрение Биллинга в InstantCMS 19 мая 2025 в 14:46

У кого установлен и работает Paypal, всё ли с ним в порядке?

Fuze

Сто процентов не работает. На пайпеле висит 300 долларов уже два года не могу вывести никак

#12 При создании Контента, Отладка выдаёт запись: 29 марта 2025 в 10:36

Вероятнее всего, у вас на хостинге стоит PHP 8.1 — в этой версии  функция trim не может быть null. Как вариант — понизить версию php. Сейчас это просто предупреждение, на работоспособность не влияет. 

#13 [ЕСТЬ РЕШЕНИЕ] Подскажите скрипт для подключения стиля одному элементу при условии что есть второй элемент 24 марта 2025 в 13:44

Если я правильно вас понял, то примерно так можно сделать:

  1. const element2 = document.querySelector('.element-2');
  2. const element1 = document.querySelector('.element-1');
  3.  
  4. if (element2) {
  5. element1.classList.add('ваш-класс');
  6. }

Но, если честно, не совсем понятна задача… Попробуйте мой js подключить на нужных вам страницах, должно сработать

Добавлено спустя 2 минуты
element 2 поставить первым в коде. При помощи order элемент element 2 визуально поместить вторым. CSS стилем + (плюс — смежный селектор) стилизовать как нужно.
Fuze

Да, отличное решение, теперь задача понятна. Happy, Fuze вероятно имел ввиду вот такое решение:

  1. <div class="element">
  2. <div class="element-2" style="order: 2">
  3.  
  4. </div>
  5.  
  6. <div class="element-1" style="order: 1">
  7.  
  8. </div>
  9. </div>
  10.  

Ну и в CSS как-то так:

  1. .element-2 + .element-1 {
  2. /* Стили, которые применятся при наличии element-2 перед element-1 */
  3. background-color: red;
  4. color: white;
  5. }
  6.  
#14 Помогите с приложением для телефона 18 марта 2025 в 11:55
Попробуйте <uses-permission android:name=«android.permission.READ_EXTERNAL_STORAGE»/> <uses-permission android:name=«android.permission.
pupsik

Ох уж эти нейросети 🤭

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.