[LR WEB] Карусель с приветствием для главной страницы.

[LR WEB] Карусель с приветствием для главной страницы. 2.0.0.3 | mobile fix

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #21
Хм, ну раз ты так просишь, дам свою оценку.
1) Сделай нормальное название модуля, изначально, при скачивании,он у меня даже устанавливаться не хотел. Модули, которые отображаются на главной странице должны называться module_block_main_moduleName
2) При добавлении твоей карусели появляется горизонтальный скролл на всю страницу.
3) Почему карусель не растянута на всю ширину контейнера?
4) Добавь возможность открывать ссылки в новом окне
6) Добавь возможность изменять цвет текста, или сделай его постоянным, соответствующем оформлению сайта var(--span-color);
7) Что за ужас творится на мобильной версии? Если уж у тебя текст вылазит за пределы блок, то скрой его overflow: hidden, или же,не ограничивай его блоком, пусть тянется на весь image
8) Файл readme не нужен абсолютно, у тебя есть описание установки здесь, тут и пишешь все, что для этого нужно
9) Рамку переделай, смотрится ужасно. ИМХО.
Вроде все
Хорошо, спасибо за совет, в следующем обновление сделаю все.
 

Bender

Участник
Сообщения
1
Реакции
2
dek3or добавил(а) новый ресурс:

[LR WEB] Карусель для главной страницы - [LR WEB] Данный модуль добавляет карусель на главную страницу



Узнать больше об этом ресурсе...
Ребята кто может подсказать как установить вот ету карусель?
Онже написал как установить
 

Virus_OzZz

Участник
Сообщения
163
Реакции
42
Ух бракоделы!

Переделал немного, js и css разложил отдельно как и полагается
Вариантов как реализовать много, сделал очень простой!

в папку img кидаем фоновую картинку с нужными размерами и скрипт автоматом создаст дополнительную карусель
в файле slides.json можно указать информацию, а также ссылку и название кнопки.

JSON:
{
    "first": //Это название изображения что бы на этом фоне выводилась ваша информация!
    {
        "href":"?page=lk",//адрес ссылки
        "button":"Пополнить Баланс",//наименование кнопки если не указывать ее не будет
        "text":"Пополни баланс и получи бонус 5%!"// Ваша инфо так же если не указывать ее не будет
    },
    "second":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 2",
        "text":"Пополни баланс и получи бонус 5%!"
    },
    "third-3":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 3",
        "text":"Пополни баланс и получи бонус 5%!"
    }
}

Оптимизацию под мобильные устройства сделаете уже сами! Мне немного лень ковыряться с этим!

PS: для избежания всякой нечести и писания о том что якобы коряво отображаются блоки,
ДОЛЖЕН БЫТЬ ВКЛЮЧЕН ОБЩИЙ КЕШ ФАЙЛОВ CSS И JS В АДМИН МЕНЮ
А ТАК ЖЕ ОБНОВЛЕНЫ ВСЕ КЕШИ МОДУЛЕЙ!
В противном случае у Вас отвалятся РУКИ!
Как мне подвинуть кнопку налево, вниз, под текст?
opera_K1dYBQnMkD.png
 

nick_staticks

Гений LR-WEB(-а)
Сообщения
180
Реакции
94
Как поменять цвет сайта именно на свой, а не предложенные в настройках?)
 

zmchel

Участник
Сообщения
62
Реакции
20
Как поменять цвет сайта именно на свой, а не предложенные в настройках?)
вносить правки в файл style.css по пути /storage/assets/css/themes/mainstream_white/
либо, создать свою палитру аля "moya_palette.json" в /storage/assets/css/themes/mainstream_white/palettes/
еще лучше комбинировать style.css и .json

Как мне подвинуть кнопку налево, вниз, под текст?
position: absolute;bottom: значение (px или %);left: значение (px или %);
со значениями bottom и left играй сам, и да, убедись, что эта кнопка по коду находится внутри блока данного слайда
 
Последнее редактирование:

Fast-Kill

Админ школьник проверяет мой ПК на читы!
Сообщения
991
Реакции
299

Virus_OzZz

Участник
Сообщения
163
Реакции
42
Этот модуль конфликтует с модулем от gtixon'a — "lk_privileges".

После того, как я ставлю этот модуль, его перестает реагировать на нажатия.
 

zmchel

Участник
Сообщения
62
Реакции
20
Скажи когда обновление для мобильной версии? Кто то может адаптировать под мобильную версию?
самый лучший вариант адаптации - меньше текста писать в блоке слайда, когда там есть прочие блоки типа кнопок и т.д.
а так:

CSS:
.slideshow-container 
{
  position: relative;
  width: calc(100% + 14px);
  height: 200px;
}
.slide-text1 {
    border: 6px inset #B22222;
    text-align: center;
    padding: 0 8px;
    width: fit-content;
    font-size: 18px;
}
.slide-text {
    width: 95%;
    font-size: 16px;
    padding-top: 10px;
    line-height: 18px;
}
@media (max-width: 579.99px)
{
.slide-text {
font-size: 13px;
line-height: 15px;
}}
.prev, .next {
    cursor: pointer;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 8px 16px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 3px;
}
.next {} /* проще говоря .next надо убрать */
.prev {
    right:45px;
}
.slide-info {
    text-align: center;
    font-size: 21px;
    position: absolute;
    left: 25px;
    bottom: 5px;
}
такой вариант оптимально работает вплоть до 360px ширины экрана
имхо: писать текст в блоке адаптивного слайда в принципе извращение, а уж вписывать более одной строчки....


Бонус: если у кого есть горизонтальный скролл из-за модуля - в interface.php уберите в самом низу один </div>.... он малость лишний
 

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #38
Скажи когда обновление для мобильной версии? Кто то может адаптировать под мобильную версию?
Ухх, я забил *болт* на этот модуль, вижу этот модуль интересен для многих, думаю к концу недели перепишу модуль 🌝
 

TheFrenkky

Участник
Сообщения
31
Реакции
3
Ух бракоделы!

Переделал немного, js и css разложил отдельно как и полагается
Вариантов как реализовать много, сделал очень простой!

в папку img кидаем фоновую картинку с нужными размерами и скрипт автоматом создаст дополнительную карусель
в файле slides.json можно указать информацию, а также ссылку и название кнопки.

JSON:
{
    "first": //Это название изображения что бы на этом фоне выводилась ваша информация!
    {
        "href":"?page=lk",//адрес ссылки
        "button":"Пополнить Баланс",//наименование кнопки если не указывать ее не будет
        "text":"Пополни баланс и получи бонус 5%!"// Ваша инфо так же если не указывать ее не будет
    },
    "second":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 2",
        "text":"Пополни баланс и получи бонус 5%!"
    },
    "third-3":
    {
        "href":"?page=lk",
        "button":"Пополнить Баланс 3",
        "text":"Пополни баланс и получи бонус 5%!"
    }
}

Оптимизацию под мобильные устройства сделаете уже сами! Мне немного лень ковыряться с этим!

PS: для избежания всякой нечести и писания о том что якобы коряво отображаются блоки,
ДОЛЖЕН БЫТЬ ВКЛЮЧЕН ОБЩИЙ КЕШ ФАЙЛОВ CSS И JS В АДМИН МЕНЮ
А ТАК ЖЕ ОБНОВЛЕНЫ ВСЕ КЕШИ МОДУЛЕЙ!
В противном случае у Вас отвалятся РУКИ!
Как увеличить кнопку?
 

dek3or

Участник
Сообщения
85
Реакции
32
  • Автор ресурса
  • #40
dek3or обновил(а) ресурс [LR WEB] Карусель с приветствием для главной страницы. новой записью:

2.0.0.1 + animation

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

Узнать больше об этом обновлении...
Сообщения автоматически склеены:

Is this a joke or something? :)))
I just installed it, haven't modified anything, default everything and got that.
Попробуй новую версию
Сообщения автоматически склеены:

Как увеличить кнопку?
/module_home_karusel_welcome/assets/css/1.css
 
Последнее редактирование:
Сверху Снизу