Ответы пользователя по тегу HTML
  • Почему div выводит свой скрипт?

    FinGanapre
    @FinGanapre
    Начните с этого. Вы очень усложняете задачу. И не стоит дёргать DOM десять раз, если в итоге вам нужно добавить туда все 10 div. Соберите их в массив и разок добавьте всё вместе.

    В вашем текущем варианте вы и элемент куда добавлять каждый раз ищите, хотя он не меняется и каждый div туда добавляете по одному. Это не самый лучший вариант. Плюс, шаблонные строки намного удобнее в данном случае, чем простая конкатенация (склеивание через +).

    Ещё момент. Не проще ли будет в вашем случае завести массив с нужными url или получать их откуда-то с сервера, чем склеивать строку и делать цикл на 10. Тогда вы просто используя map преобразуете это к нужному шаблону и выведите в нужное место.

    код

    <div class="div-container"></div>

    const slidesContainer = document.querySelector('.div-container')
    let i = 0
    let slides = []
    
    while ( i < 10) {
      slides.push(`
        <div>
          <img src="string-name${ i }.png"/>
        </div>
      `)
      
      i++
    }
    
    slidesContainer.insertAdjacentHTML(
      'beforeend',
      slides.join('')
    )

    Ответ написан
  • Где брать видео для сайта?

    FinGanapre
    @FinGanapre
    Есть сервисы, которые предоставляют плееры, которые можно встроить в сайт. Но это чаще всего нарушение авторского права. Т.к. большинство из фильмов предоставляются без разрешения правообладателя.
    Если делать всё законно, то нужна лицензия на публичный показ фильма.
    Вот первое, что нашёл - инфа не проверена, а просто найдена по первому запросу.

    Стоит обратить внимание и на то, что тот или иной фильм может быть запрещён к показу в той или иной стране. И вам, как онлайн кинотеатру, нужно соблюдать эти требования.
    Ответ написан
  • Как сделать подобную кнопку?

    FinGanapre
    @FinGanapre
    Это не кнопка. клик
    Часто элемент заменяют для удобства оформления, например
    Ответ написан
  • Как сделать input нижней линией?

    FinGanapre
    @FinGanapre
    Иконку кнопкой можно пристроить рядом, с похожими стилями, обернуть всё в общий контейнер с каким-нибудь data-input, ловить клики по кнопкам, чистить соседний инпут от кнопки.
    <input type="text" value="" class="some-input">

    body, html {
      background-color: black;
      color: white;
    }
    
    .some-input {
      border: none;
      border-bottom: 1px solid white;
      background-color: transparent;
      color: inherit;
      outline: none;
    }
    Ответ написан
  • Как реализовывается пагинация?

    FinGanapre
    @FinGanapre
    На бэкенде, в вашем случае wp, необходимо реализовать выдачу контента порциями. Ведь суть этого дела в минимизации объёма данных, которые поступают на клиентскую сторону. В адресную строку добавиться query параметр, указывающий номер страницы к примеру. Вы могли бы отдать все данные на клиент, оформить в виде слайдера с пагинацией, но это долго в плане загрузки, при большом объёме ещё и браузеру сложно рендерить дом. Ну и экономьте клиентам трафик, зачем их так не любить:)
    Ответ написан
  • Я могу запретить движение input?

    FinGanapre
    @FinGanapre
    Нужно подкорректировать высоту и ширину относительно шрифта (через css переменные например)
    Взять библиотеку для кастомного скрола и заменить стандартный + скрыть его стилизовав
    Слушатель в итоге повесить на документ и отлавливать подобные элементы по data свойству(data-hidden-input), чтобы на все не вешать прослушку.
    И должно работать.

    вот так например, но это не инпут
    Ответ написан
  • Поможете, а то я не знаю что добавить на сайт?

    FinGanapre
    @FinGanapre
    Это в итоге должен быть сервис, на котором люди создают портфолио или это просто ваше личное портфолио будет тут размещаться?

    когда я делал себе портфолио/резюме я добавлял следующее:
    1. Базовую информацию о себе ( ФИО, дата рождения, подходящие должности, семейное положение, о себе, зп)
    2. Образование
    3. Опыт работы
    4. Навыки (технологии/ПО/ОС/проф компетенции)
    5. Портфолио. Проекты, в которых участвовал (название, дата, описание, ссылка если не nda) с сортировкой по годам
    6. Книги (прочитал, читаю сейчас, хочу прочитать)
    7. Курсы, сертификаты
    8. Youtube каналы, которые смотрю с описание что полезного там нашёл, чему научился

    Само резюме делил на 3 блока (резюме - то, о чём 8 пунктов, контакты, pdf )

    В контактах собственно контакты и инфа о том согласен ли на релокацию и куда и на каких условиях с картой
    В pdf экспорт в pdf:) Чтобы наполнять всё это дело и не париться с оформлением pdf.
    Ответ написан
  • Как убрать меню бургер при нажатии на контент сайта?

    FinGanapre
    @FinGanapre
    Создайте за меню прозрачный div на весь экран и обработайте на нём клик. При желании, можно задавать ему какой-либо цвет если потребуется в дальнейшем затемнять всё, кроме меню, когда оно открыто.
    Ответ написан
  • Перенос строки на новую в OPTION SELECT?

    FinGanapre
    @FinGanapre
    Насколько я помню, в option нельзя делать перенос строк. Так что нужно эмулировать данный элемент самостоятельно через js или воспользоваться готовой библиотекой. В ответе выше одна из подходящих. Список опций в ней при рендеринге меняется на div с button, в результате чего всё переносится адекватно.
    Ответ написан
  • Проблема с hover?

    FinGanapre
    @FinGanapre
    Заверните картинку и текст в div. По ховеру на этот див меняйте стили картинки и текста.
    Например так
    Для вывода текста можно сделать ещё одну подложку и применить к ней фон. Тут много вариантов.

    В вашей реализации ховер проподает т.к. вы отслеживаете его у картинки. Как только картинку закрывает текст - событие ховер с неё уходит.
    Ответ написан